@hamedf/svelte-persian-datepicker
Version:
A reusable Svelte Persian DateTime picker component
39 lines (38 loc) • 1.36 kB
TypeScript
import { PersianDate } from './modules/core';
export { PersianDate };
import type { HTMLInputAttributes } from 'svelte/elements';
import type { Langs, RecursivePartial, Styles, Disable, Shortcuts } from './modules/types';
interface Props {
select?: (date: PersianDate) => void;
submit?: (date: PersianDate | PersianDate[]) => void;
clear?: () => void;
open?: () => void;
close?: () => void;
model?: PersianDate | PersianDate[] | string | string[];
format?: string;
input_format?: string;
display_format?: string;
type?: 'date' | 'time' | 'datetime';
from?: string;
to?: string;
show?: boolean;
click_on?: 'all' | 'input' | 'icon' | 'none';
modal?: boolean;
label?: string;
column?: number | Record<number, number>;
auto_submit?: boolean;
mode?: 'single' | 'range';
locale?: string;
clearable?: boolean;
disable?: Disable;
locale_config?: RecursivePartial<Langs>;
styles?: Styles;
color?: 'blue' | 'red' | 'pink' | 'orange' | 'green' | 'purple' | 'gray';
dual_input?: boolean;
icon_inside?: boolean;
shortcut?: boolean | Shortcuts;
}
type $$ComponentProps = Props & HTMLInputAttributes;
declare const DatePicker: import("svelte").Component<$$ComponentProps, {}, "model">;
type DatePicker = ReturnType<typeof DatePicker>;
export default DatePicker;