svelte-pickTime

A timepicker component - Demo

Props

  • timestamp - a Date() object

Events

  • input - on mouseup/touchend, with new timestamp as detail

Styling

Use these CSS custom properties to cutomize the colors:

  • --timepick-bg: Background-color
  • --timepick-center: Dot in the center
  • --timepick-time-bg: Background of time text
  • --timepick-time-active-color
  • --timepick-hand-active-color
  • --timepick-hand-hover-color

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes