svelte-datepicker

Svelte Datepicker

A lightweight datepicker written in Svelte





Svelte Datepicker

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

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes