Skip to content

6eDesign/svelte-calendar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

71b864d · Sep 22, 2021
Sep 19, 2021
Nov 13, 2020
Sep 22, 2021
Sep 18, 2021
Sep 22, 2021
Sep 16, 2021
Sep 16, 2021
Aug 9, 2019
Sep 16, 2021
Sep 16, 2021
Sep 16, 2021
Sep 21, 2021
Sep 22, 2021
Oct 10, 2019
Sep 21, 2021
Sep 16, 2021
Sep 22, 2021
Sep 22, 2021
Sep 19, 2021
Sep 18, 2021

Repository files navigation

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