@coveord/plasma-mantine
Version:
A Plasma flavoured Mantine theme
25 lines • 1.33 kB
TypeScript
import { DatesRangeValue, DateStringValue } from '@mantine/dates';
import { DateRangePickerPreset } from '../DateRangePicker/DateRangePickerPresetSelect.js';
import { EditableDateTimeRangePickerProps } from './EditableDateTimeRangePicker.js';
interface DateTimeRangePickerProps extends Pick<EditableDateTimeRangePickerProps, 'startProps' | 'endProps' | 'dateFormat' | 'timePickerFormat'> {
/** Default value for uncontrolled input */
defaultValue?: DatesRangeValue<DateStringValue | null>;
/** Value for controlled input */
value?: DatesRangeValue<DateStringValue | null>;
/** onChange value for controlled input */
onChange?(value: DatesRangeValue<DateStringValue | null>): void;
/**
* The presets to display
*
* @default {}
* @example
* {
* january: {label: 'January', range: [new Date(2022, 0, 1, 0, 0, 0), new Date(2022, 0, 31, 23, 59, 59)]},
* february: {label: 'February', range: [new Date(2022, 1, 1, 0, 0, 0), new Date(2022, 1, 28, 23, 59, 59)]}
* }
*/
presets?: Record<string, DateRangePickerPreset>;
}
export declare const DateTimeRangePicker: ({ presets, value, defaultValue, onChange, ...otherProps }: DateTimeRangePickerProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=DateTimeRangePicker.d.ts.map