Skip to content

DateTimePicker

This control enables users to select both dates and times using a user interface element, often incorporating a calendar widget for date selection and dropdown menus for time selection. Moreover, it automatically handles data validation to ensure the integrity and accuracy of the selected date and time values.

  • Applicable List of Control Attributes
  1. Translate: Configures whether to convert to multiple languages(translation purpose).
  2. Label: Configures the screen display status, location, and tooltip of the component label.
  3. Display Format: Specifies the format in which the date is displayed. For example, if set to yyyy-MM-dd, the date will be displayed as 2023-11-28.
  4. Data Format: Sets the format used when passing date data for storage, retrieval, etc.
  5. PickerOptions: Configures default date options such as today, current month, previous month, etc.
  6. Data Placeholder: Sets an example value for the input.
  7. InActive Before/After: Prevents selection of past or future dates based on the current date
  8. Custom Calendar: Sets whether pre-entered events or schedules are displayed.
  9. Style
    • Font: Sets the font for the string.
    • Text Color: Sets the color of the string.
    • Flat Appearance: Sets properties of the border, such as width and color.
    • Background Color: Sets the background color of the string.
    • Text Align: Sets the alignment of the string. Default is typically left-aligned.