You can integrate the “y-MM-dd HH:mm” format prop into the DateTimePicker component to display the date and time components in the specified format. In this format, uppercase “HH” denotes the hours in a 24-hour format, while lowercase “hh” denotes the hours in a 12-hour format.

<DateTimePicker
    clearIcon={null}
    format="y-MM-dd HH:mm" // HH is used for 24-hour format
    amPmAriaLabel
    onChange={onChange}
    disableClock
    disableCalendar
    value={value}
    locale="en-US"
/>

 

Support On Demand!

ReactJS