svelte-calendar
TypeScript icon, indicating that this package has built-in type declarations

3.1.6 • Public • Published

svelte-calendar

A small date picker built with Svelte 3. Demo available here: view docs and examples.

Demo

Installation

npm i -D svelte-calendar

Features

  • Day, Month & Year pickers
  • Responsive
  • Keyboard, touch, and scroll support
  • Inline & Picker modes
  • Virtual/infinite grid for animation performance
  • Store-driven and extensible
  • Localization using day.js

Usage within svelte-kit project

When using this component within a svelte-kit application it is necessary to add its two dependencies (just-throttle and dayjs) to the config.kit.vite.optimizeDeps.include array in svelte.config.js. Eg: your config should include the following:

const config = {
  kit: {
    vite: {
      optimizeDeps: {
        include: ['just-throttle', 'dayjs']
      }
    }
  }
};

export default config;

Features In Development

  • time picker
  • date & date-time range picker

Readme

Keywords

none

Package Sidebar

Install

npm i svelte-calendar

Weekly Downloads

8,981

Version

3.1.6

License

none

Unpacked Size

143 kB

Total Files

112

Last publish

Collaborators

  • 6edesign