PandaGo ComponentsAppearance
TimePickerWindow
Usage
The Time Picker Window is a special component that will mostly be used in a popover from the Time Picker component, but it can be used standalone if required.
- 00
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 00
- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
Selected date:
Props
ComponentSkin skinIndicates which skin should be used for the component Default value: ComponentSkin.DESIGN_SYSTEMnumber modelValueTwo way binding of the component. It will work in a single selection date picker(time: number) => boolean isDisabledA function that will be called for each day to check if it should be disabled or not Default value: undefinedTimeViewTypes selectTypeIndicates which view should be shown when the date picker is opened Default value: TimeViewTypes.HOURS_SECONDSstring nowText Default value: Nowstring okText Default value: OKType declarations
TimeViewTypes
ts
export enum TimeViewTypes {
HOURS_MINUTES = 'minutes',
HOURS_MINUTES_SECONDS = 'seconds',
}ComponentSkin
ts
export enum ComponentSkin {
PANDA = 'panda',
DESIGN_SYSTEM = 'ds',
}