@amabeth/time-picker
    Preparing search index...

    Type Alias TimePickerProps

    Shared properties of time pickers.

    type TimePickerProps = {
        duration: Duration;
        showHours?: boolean;
        showMinutes?: boolean;
        showSeconds?: boolean;
        showTimeLabels?: boolean;
        hoursTimeLabel?: string;
        minutesTimeLabel?: string;
        secondsTimeLabel?: string;
        containerStyle?: ViewStyle;
        enableGradient?: boolean;
        gradientColor?: ColorValue;
        colonStyle?: TextStyle;
        timeLabelsStyle?: TextStyle;
        hoursTimeLabelStyle?: TextStyle;
        minutesTimeLabelStyle?: TextStyle;
        secondsTimeLabelStyle?: TextStyle;
        pickerItemHeight?: number;
        pickerContainerVerticalPadding?: number;
        pickerContainerHorizontalPadding?: number;
        pickerContainerStyle?: ViewStyle;
        hoursPickerContainerStyle?: ViewStyle;
        minutesPickerContainerStyle?: ViewStyle;
        secondsPickerContainerStyle?: ViewStyle;
        pickerItemContainerStyle?: ViewStyle;
        pickerItemTextStyle?: TextStyle;
        hoursPickerItemTextStyle?: TextStyle;
        minutesPickerItemTextStyle?: TextStyle;
        secondsPickerItemTextStyle?: TextStyle;
    }
    Index

    Properties

    duration showHours? showMinutes? showSeconds? showTimeLabels? hoursTimeLabel? minutesTimeLabel? secondsTimeLabel? containerStyle? enableGradient? gradientColor? colonStyle? timeLabelsStyle? hoursTimeLabelStyle? minutesTimeLabelStyle? secondsTimeLabelStyle? pickerItemHeight? pickerContainerVerticalPadding? pickerContainerHorizontalPadding? pickerContainerStyle? hoursPickerContainerStyle? minutesPickerContainerStyle? secondsPickerContainerStyle? pickerItemContainerStyle? pickerItemTextStyle? hoursPickerItemTextStyle? minutesPickerItemTextStyle? secondsPickerItemTextStyle?

    Properties

    duration: Duration

    Duration to display.

    showHours?: boolean

    If enabled, the time picker will include a wheel picker for the hours.

    true
    showMinutes?: boolean

    If enabled, the time picker will include a wheel picker for the minutes.

    true
    showSeconds?: boolean

    If enabled, the time picker will include a wheel picker for the seconds.

    true
    showTimeLabels?: boolean

    If enabled, labels for the hours, minutes and seconds wheel picker will be displayed below.

    true
    hoursTimeLabel?: string

    Label for the hours wheel picker.

    Hours
    minutesTimeLabel?: string

    Label for the minutes wheel picker.

    Minutes
    secondsTimeLabel?: string

    Label for the seconds wheel picker.

    Seconds
    containerStyle?: ViewStyle

    Styling for the container of the time picker.

      {
        backgroundColor: "black"
      }
    enableGradient?: boolean

    If enabled, will show a gradient fade towards the top and bottom of the wheel pickers.

    true
    gradientColor?: ColorValue

    Color the gradient should fade to at the top and bottom.

    containerStyle.backgroundColor
    colonStyle?: TextStyle

    Styling for the colon separating the wheel pickers.

      {
        color: "white",
        fontSize: 18,
        paddingBottom: 5,
        paddingHorizontal: 5,
        textAlign: "center"
      }
    timeLabelsStyle?: TextStyle

    Styling for the labels of the wheel pickers.

      {
        color: "white",
        textAlign: "center",
        fontSize: 14
      }
    hoursTimeLabelStyle?: TextStyle

    Styling for the label of the hours wheel picker.

    timeLabelStyle
    minutesTimeLabelStyle?: TextStyle

    Styling for the label of the minutes wheel picker.

    timeLabelStyle
    secondsTimeLabelStyle?: TextStyle

    Styling for the label of the seconds wheel picker.

    timeLabelStyle
    pickerItemHeight?: number

    Height for an item of the wheel pickers.

    35
    pickerContainerVerticalPadding?: number

    Vertical padding for the containers of the wheel pickers.

    0
    pickerContainerHorizontalPadding?: number

    Horizontal padding for the containers of the wheel pickers.

    10
    pickerContainerStyle?: ViewStyle

    Styling for the containers of the wheel pickers.

      {
        backgroundColor: "black"
      }
    hoursPickerContainerStyle?: ViewStyle

    Styling for the container of the hours wheel picker.

    pickerContainerStyle
    minutesPickerContainerStyle?: ViewStyle

    Styling for the container of the minutes wheel picker.

    pickerContainerStyle
    secondsPickerContainerStyle?: ViewStyle

    Styling for the container of the seconds wheel picker.

    pickerContainerStyle
    pickerItemContainerStyle?: ViewStyle

    Styling for the containers of each element of the wheel pickers.

      {
        backgroundColor: "transparent"
      }
    pickerItemTextStyle?: TextStyle

    Styling for the text of the elements of the wheel pickers.

      {
        fontSize: 18,
        color: "white"
      }
    hoursPickerItemTextStyle?: TextStyle

    Styling for the text of the elements of the hours wheel picker.

    pickerItemTextStyle
    minutesPickerItemTextStyle?: TextStyle

    Styling for the text of the elements of the minutes wheel picker.

    pickerItemTextStyle
    secondsPickerItemTextStyle?: TextStyle

    Styling for the text of the elements of the seconds wheel picker.

    pickerItemTextStyle

    Settings

    Member Visibility

    On This Page

    Properties