@beyonk/svelte-datepicker

<a href="https://beyonk.com"> <br /> <br /> <img src="https://user-images.githubusercontent.com/218949/144224348-1b3a20d5-d68e-4a7a-b6ac-6946f19f4a86.png" width="198" /> <br /> <br /> </a>

Usage no npm install needed!

<script type="module">
  import beyonkSvelteDatepicker from 'https://cdn.skypack.dev/@beyonk/svelte-datepicker';
</script>

README

Svelte Datepicker

js-standard-style svelte-v3 publish

This is a near total rewrite of the excellent Svelte Calendar. It provides:

  • Calendar
  • Date Picker
  • Date Range Picker
  • Time Selection
  • Better Responsiveness
  • Improved theming
  • Context-aware theming
  • Toolbar to avoid awkward bindings
  • Works in tough situations such as inside iframes

Roadmap:

  • Re-introduce Keyboard Support
  • Add code-samples to docs
  • Add legend for keyboard shortcuts [h for Help]

Svelte Kit Support

Due to the way dayjs is packaged, the following configuration is required to get this working with SvelteKit:

const config = {
  kit: {
    target: "#svelte",
    vite: {
      ssr: {
        noExternal: [ 'dayjs' ]
      }
    }
  }
}

Usage

Contributing

Tests

Tests written in uvu

npm run test