react-day-picker
Version:
Customizable Date Picker for React
40 lines • 1.64 kB
JavaScript
import React from "react";
import * as dateFnsJalali from "date-fns-jalali";
import * as locales from "date-fns-jalali/locale";
import { DateLib, DayPicker as DayPickerComponent } from "./index.js";
export const faIR = locales.faIR;
export const enUS = locales.enUS;
/**
* Renders the Persian calendar using the DayPicker component.
*
* @defaultValue
* - `locale`: `faIR`
* - `dir`: `rtl`
* - `dateLib`: `jalaliDateLib` from `date-fns-jalali`
* - `numerals`: `arabext` (Eastern Arabic-Indic)
* @param props - The props for the Persian calendar, including locale, text
* direction, date library, and numeral system.
* @returns The Persian calendar component.
* @see https://daypicker.dev/docs/localization#persian-calendar
*/
export function DayPicker(props) {
const dateLib = getDateLib({
locale: props.locale,
weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
firstWeekContainsDate: props.firstWeekContainsDate,
useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
timeZone: props.timeZone
});
return (React.createElement(DayPickerComponent, { ...props, locale: props.locale ?? faIR, numerals: props.numerals ?? "arabext", dir: props.dir ?? "rtl", dateLib: dateLib }));
}
/**
* Returns the date library used in the Persian calendar.
*
* @param options - Optional configuration for the date library.
* @returns The date library instance.
*/
export const getDateLib = (options) => {
return new DateLib(options, dateFnsJalali);
};
//# sourceMappingURL=persian.js.map