Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

6eDesign/svelte-calendar

Open more actions menu

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
Morty Proxy This is a proxified and sanitized view of the page, visit original site.