DateTimeSelect

Type: React component

How to get DateTimeSelect?

JavaScript

import { DateTimeSelect } from 'fds/components';

Combining the power of CalendarInput and TimeSelect, DateTimeSelect allows selecting both a date and a time resulting in a single Date value.

Props

  1. formatDateLabel

    (Optional)

    Type: Function

    A function to format the resulting date rendered inside the Label component.

    Arguments

    Default value

  2. hoursPlaceholder

    (Optional)

    Type: String

    The placeholder text displayed in component when it is empty, i.e. has no values.

  3. isDisabled

    (Optional)

    Type: Boolean

    Whether or not the component should be rendered in a disabled state.

    Default value

  4. minutesPlaceholder

    (Optional)

    Type: String

    The placeholder text displayed in component when it is empty, i.e. has no values.

  5. name

    (Optional)

    Type: String

    The name of this component to identify it (and its value) when used inside an intelligent container component which aggregates its children (and/or their values), like a Form.

    Default value

  6. onChange

    (Optional)

    Type: Function

    A callback that is called whenever a component's value changes.

    This callback is called just before the "validate" prop is called.

    Use this callback to update local state which in turn should update the value prop of the component whose callback just fired.

    Arguments

    Default value

  7. secondsPlaceholder

    (Optional)

    Type: String

    The placeholder text displayed in component when it is empty, i.e. has no values.

  8. tooltipContent

    (Optional)

    Type: String | ReactElement

    The content of the tooltip that is displayed when hovering over the whole component.

    • string: the textual content of the tooltip

    • ReactElement: a React Element (instance of a React Component, usually created with JSX)

    Default value

  9. value

    (Optional)

    Type: Object

    The current value of the component. This value should be a valid JavaScript date.

    Related links

    Default value