date-picker-svelte

Date Picker Svelte

Date and time picker for Svelte

Features:

• Theming
• Custom formats
• Internationalization (i18n)
• Autopunctuation (e.g typing "20201111111111" gives you "2020-11-11 11:11:11" with the default format)
• Keyboard shortcuts

Demo • Documentation • REPL

Install

npm install date-picker-svelte

Usage

<script>
  import { DateInput } from 'date-picker-svelte'
  let date = new Date()
</script>

<DateInput bind:value={date} />

Check the docs to learn more

Contributing

Get started

1. Install Node.js (v14 works)
2. Run npm install

Commands

• npm run dev: Start site in dev mode
• npm run build: Build package and site
• npm run preview: Preview production site
• npm run check: Run svelte-check
• npm run test: Run tests
• npm run format: Format code

Publish new version

1. Update CHANGELOG.md
2. Check for errors

   npm run check
   

3. Bump the version number

   npm version --no-git-tag <version>
   

4. Generate the package

   npm run build:package
   

5. Publish the package

   npm publish ./package
   

6. Commit with a tag in format "v#.#.#"
7. Create GitHub release with release notes

Changelog

2.0.0 - 2021 Feb 17

• Breaking: Allow DateInput/DatePicker value to be null
• Breaking: The value is now null by default
• Use rem for sizing the DatePicker
• Make the DatePicker slightly larger
• Make the calendar tabbable
• Add Shift/Alt+Up/Down shortcut for changing year
• Add Shift/Alt+Left/Right shortcut for changing month
• Fix styling issue for languages with long month names