zheeeng / date-picker-svelte

Date and time picker for Svelte

Home Page:https://date-picker-svelte.kasper.space

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Date Picker Svelte

NPM License NPM Downloads test codecov

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

DemoDocumentationREPL

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 lint
    
  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

About

Date and time picker for Svelte

https://date-picker-svelte.kasper.space

License:MIT License


Languages

Language:Svelte 64.7%Language:TypeScript 26.3%Language:CSS 4.3%Language:JavaScript 2.6%Language:HTML 2.2%