Date & Time Picker Form Cell
Fiori: DateTimePickerFormCell, DurationPickerFormCell
The date and time picker form cell is used for selecting time-based data types.

Time picker form cells in compact (left) and expanded layouts (right)
A. Label
The label describes the topic or the name of the picker. It may have an asterisk next to it to indicate that users need to select a value.
B. Value
The value shows the selected date, date range, time, or duration value of the picker.
C. Icon
Unique icons are shown for the different picker form cell types. These icons help the user quickly understand what value can be picked.
D. Helper Text
The helper text provides additional information about the form cell.

Anatomy of single value picker form cell
A. Label
The label describes the topic or the name of the picker. It may have an asterisk next to it to indicate that users need to select a value.
B. Date Value
The date value shows the selected date. It can be tapped to open the date picker dialog.
C. Time Value
The time value shows the selected time. It can be tapped to open the time picker dialog.
D. Helper Text
The helper text provides additional information about the form cell.

Anatomy of date & time picker form cell
When this cell is used to define a specific date, users can tap on the cell to trigger the date picker dialog found in the date/time picker. Users then make their selection in the dialog. When they close the dialog, the value they selected is displayed in the form cell.

Date picker form cell
When this cell is used to define a specific date range, users can tap on the cell to trigger the full-page range picker dialog found in the date/time picker. Users then make their selection in the dialog. When they close the dialog, the value they selected is displayed in the form cell.

Date range picker form cell
When this cell is used to define a specific time, users can tap on the cell to trigger the time picker dialog found in the date/time picker. Users then make their selection in the dialog. When they close the dialog, the value they selected is displayed in the form cell.

Time picker form cell
When this cell is used to define a specific date and time, users can tap on either the date value or the time value to open the associated dialogs found in the date/time picker. Users then make their selection in the dialog. When they close the dialog, the value they selected is displayed in the form cell.

Date and time picker form cell
When this cell is used to set a time duration, users can tap on the cell to trigger the time duration picker. Users then make their selection in the dialog. When users close the dialog, the value they selected will be shown in the cell.

Duration picker form cell
The full width of time picker form cells adapts to different screen sizes.

Time picker form cells in compact (top) and expanded (bottom) layouts
Development: DateTimePickerFormCell, DurationPickerFormCell
SAP Fiori for iOS: Pickers
Material Design: Date Pickers