Dorj Persian Date Picker

A customizable Persian (Jalali) date and date-time picker React component, supporting both simple and dialog-based inputs, with full Farsi localization and moment-jalaali integration.

Features

• Persian (Jalali) calendar support using moment-jalaali
• Date and date-time input components
• Dialog/modal pickers with calendar UI
• Farsi/Latin number formatting
• Customizable styles and labels
• Keyboard and mouse navigation
• Easily embeddable in forms

Installation

npm install dorj-persian-date-picker

Usage

import { DateInput, DateTimeInput } from 'dorj-persian-date-picker';

function MyComponent() {
  return (
    <div>
      <DateInput
        name="myDate"
        onChange={date => console.log(date)}
      />
      <DateTimeInput
        name="myDateTime"
        onChange={dateTime => console.log(dateTime)}
      />
    </div>
  );
}

Components

• DateInput: Date picker with dialog
• DateInputSimple: Simple inline date input
• DateTimeInput: Date-time picker with dialog
• DateTimeInputSimple: Simple inline date-time input
• DateInputPopup: Alternative dialog date picker
• DateTimeInputPopup: Alternative dialog date-time picker

Props

All input components support:

• name (string): Input name
• onChange (function): Callback with ISO8601 date string
• numberFormat (string): 'FARSI' or 'LATIN'
• style (object): Inline styles
• className (string): CSS class

See each component's source for full prop documentation.

Styling

Default styles are included. You can override them via CSS or the className/style props.

Development

• Build: npm run build
• Dev/watch: npm run dev

License

MIT