77 lines
No EOL
3.2 KiB
TypeScript
77 lines
No EOL
3.2 KiB
TypeScript
import { SxProps, Theme } from '@mui/material/styles';
|
|
import { PickerValidDate, TimeStepOptions, TimezoneProps } from "../../../models/index.js";
|
|
import type { ExportedDigitalClockProps } from "../../../DigitalClock/DigitalClock.types.js";
|
|
import type { ExportedMultiSectionDigitalClockProps } from "../../../MultiSectionDigitalClock/MultiSectionDigitalClock.types.js";
|
|
import type { ExportedUseViewsOptions } from "../../hooks/useViews.js";
|
|
import { TimeViewWithMeridiem } from "../common.js";
|
|
import { ExportedValidateTimeProps } from "../../../validation/validateTime.js";
|
|
import { FormProps } from "../formProps.js";
|
|
import { PickerValue } from "../value.js";
|
|
export interface AmPmProps {
|
|
/**
|
|
* 12h/24h view for hour selection clock.
|
|
* @default adapter.is12HourCycleInCurrentLocale()
|
|
*/
|
|
ampm?: boolean;
|
|
}
|
|
export interface ExportedBaseClockProps extends ExportedValidateTimeProps, TimezoneProps, AmPmProps {}
|
|
export interface BaseClockProps<TView extends TimeViewWithMeridiem> extends ExportedUseViewsOptions<PickerValue, TView>, ExportedBaseClockProps, FormProps {
|
|
className?: string;
|
|
/**
|
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
*/
|
|
sx?: SxProps<Theme>;
|
|
/**
|
|
* The selected value.
|
|
* Used when the component is controlled.
|
|
*/
|
|
value?: PickerValidDate | null;
|
|
/**
|
|
* The default selected value.
|
|
* Used when the component is not controlled.
|
|
*/
|
|
defaultValue?: PickerValidDate | null;
|
|
/**
|
|
* The date used to generate the new value when both `value` and `defaultValue` are empty.
|
|
* @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
|
|
*/
|
|
referenceDate?: PickerValidDate;
|
|
}
|
|
export interface DigitalTimePickerProps extends Omit<ExportedDigitalClockProps, 'timeStep'>, Omit<ExportedMultiSectionDigitalClockProps, 'timeSteps'> {
|
|
/**
|
|
* Amount of time options below or at which the single column time renderer is used.
|
|
* @default 24
|
|
*/
|
|
thresholdToRenderTimeInASingleColumn?: number;
|
|
/**
|
|
* The time steps between two time unit options.
|
|
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
* When single column time renderer is used, only `timeSteps.minutes` will be used.
|
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
*/
|
|
timeSteps?: TimeStepOptions;
|
|
}
|
|
interface DigitalClockOnlyBaseProps {
|
|
/**
|
|
* If `true`, disabled digital clock items will not be rendered.
|
|
* @default false
|
|
*/
|
|
skipDisabled?: boolean;
|
|
}
|
|
export interface DigitalClockOnlyProps extends DigitalClockOnlyBaseProps {
|
|
/**
|
|
* The time steps between two time options.
|
|
* For example, if `timeStep = 45`, then the available time options will be `[00:00, 00:45, 01:30, 02:15, 03:00, etc.]`.
|
|
* @default 30
|
|
*/
|
|
timeStep?: number;
|
|
}
|
|
export interface MultiSectionDigitalClockOnlyProps extends DigitalClockOnlyBaseProps {
|
|
/**
|
|
* The time steps between two time unit options.
|
|
* For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
|
|
* @default{ hours: 1, minutes: 5, seconds: 5 }
|
|
*/
|
|
timeSteps?: TimeStepOptions;
|
|
}
|
|
export {}; |