UNPKG

material-ui-pickers

Version:

React components, that implements material design pickers for material-ui v1

50 lines (49 loc) 2.48 kB
import * as React from 'react'; import { WithStyles } from '@material-ui/core'; import { WithUtilsProps } from '../_shared/WithUtils'; import ClockType from '../constants/ClockType'; import { MeridiemMode } from '../DateTimePicker/components/DateTimePickerHeader'; import { MaterialUiPickersDate } from '../typings/date'; export interface BaseTimePickerProps { /** 12h/24h view for hour selection clock */ ampm?: boolean; /** Show the seconds view */ seconds?: boolean; /** Step over minutes */ minutesStep?: number; } export interface TimePickerProps extends BaseTimePickerProps, WithUtilsProps, WithStyles<typeof styles, true> { date: MaterialUiPickersDate; onChange: (date: MaterialUiPickersDate, isFinished?: boolean) => void; } interface TimePickerState { openView: ClockType; meridiemMode: MeridiemMode; } export declare class TimePicker extends React.Component<TimePickerProps> { static propTypes: any; static defaultProps: { children: null; ampm: boolean; seconds: boolean; minutesStep: number; }; state: TimePickerState; setMeridiemMode: (mode: MeridiemMode) => () => void; handleChange: ({ time, isFinish, openMinutes, openSeconds, }: { time: any; isFinish?: boolean | undefined; openMinutes: boolean; openSeconds: boolean; }) => void; handleHourChange: (time: any, isFinish?: boolean | undefined) => void; handleMinutesChange: (time: any, isFinish?: boolean | undefined) => void; handleSecondsChange: (time: any, isFinish?: boolean | undefined) => void; openSecondsView: () => void; openMinutesView: () => void; openHourView: () => void; render(): JSX.Element; } export declare const styles: () => Record<"separator" | "toolbar" | "hourMinuteLabel" | "ampmSelection" | "ampmLabel" | "toolbarLeftPadding" | "ampmSelectionWithSeconds" | "hourMinuteLabelReverse", import("@material-ui/core/styles/withStyles").CSSProperties>; declare const _default: React.ComponentType<Pick<React.PropsWithChildren<Pick<TimePickerProps, "onChange" | "ampm" | "date" | "classes" | "theme" | "seconds" | "minutesStep">>, "children" | "onChange" | "ampm" | "date" | "seconds" | "minutesStep"> & import("@material-ui/core").StyledComponentProps<"separator" | "toolbar" | "hourMinuteLabel" | "ampmSelection" | "ampmLabel" | "toolbarLeftPadding" | "ampmSelectionWithSeconds" | "hourMinuteLabelReverse">>; export default _default;