zaman
Version:
React component that helps you to makes simple Farsi/Jalali/Shamsi date picker. It also has range date picker you can select multiple days in multiple months.
42 lines (41 loc) • 1.12 kB
TypeScript
import '@emotion/react';
import type { Radius } from './style/radius';
export type DatePickerValue = number | Date | string;
export type Locales = 'fa' | 'en';
export type Directions = 'rtl' | 'ltr';
export type DaysRange = 0 | 1 | 2 | 3 | 4 | 5 | 6;
export type Pickers = 'days' | 'year' | 'month';
export type Positions = 'right' | 'left' | 'center';
export interface BaseProps {
round?: Radius;
accentColor?: string;
locale?: Locales;
direction?: Directions;
}
export interface onDatePickerChangePayload {
value: Date;
}
export interface onRangeDatePickerChangePayload {
from: Date;
to: Date;
}
interface MyProps1 {
range: true;
myMethod: (arg: onRangeDatePickerChangePayload) => void;
}
interface MyProps2 {
range: false;
myMethod: (arg: onDatePickerChangePayload) => void;
}
export type CalendarTypeProps = MyProps1 | MyProps2;
declare module '@emotion/react' {
interface Theme {
colors: {
gray: Record<number, string>;
primary: Record<number, string>;
};
round: Radius;
direction: Directions;
}
}
export {};