Date

MoTuWeThFrSaSu
AND

Time

:

Everything you'd expect from datetime picker. Or at least I expect 😊

Features:

  • 👉 datepicker
  • 👉 timepicker (with meridian support)
  • 👉 various formatting options
  • 👉 keyboard navigation
  • 👉 easily themable
  • 👉 restriction by start and end date
  • 👉 validator action for <input> tested with svelte-use-forms (optional)
  • 👉 custom element version

Install

npm install svelty-picker

Minimal example

<script>
  import SveltyPicker from 'svelty-picker'
  
  let myDate = '2021-11-11';
</script>

<SveltyPicker inputClasses="form-control" format="yyyy-mm-dd hh:ii" bind:value={myDate}></SveltyPicker>

Try yourself in REPL.