Package Exports
- @hamedf/svelte-persian-datepicker
Readme
Persian DatePicker Component (Svelte5)
A highly customizable date picker component built with Svelte 5, supporting Persian (Jalali), Gregorian, and Arabic calendars. This component is inspired by and converted from Alireza's Vue3 Persian DatePicker.
Features
- Multiple Types: Use the date, time, or datetime modes.
- Localization: Supports multiple locales (e.g.
fa,en,ar). - Customization: Customize display formats, input formats, colors, and styles.
- Shortcuts: Predefined shortcuts for quick selections (e.g. yesterday, tomorrow, this week).
- Clearable Input: Option to clear the selected date(s).
Documentation
this project obligate ALireza-ab Datepicker attributes as may find in Documentations from Alireza-ab
Project Structure
- Component: The main datepicker is implemented in src/lib/DatePicker.svelte.
- Core Logic: Helper functions and shortcut definitions can be found in src/lib/modules/core.ts.
- Testing: Component tests are written with Cypress and are located in cypress/component/datepicker.cy.ts.
- Styles: The component styling is managed in the SASS/CSS files under src/lib/assets/sass/app.scss and src/lib/assets/sass/app.css.
Installation
Ensure that you have pnpm installed. Then run:
pnpm i @hamedf/svelte-persian-datepicker