Time Picker
import DatePicker from "react-multi-date-picker";
import TimePicker from "react-multi-date-picker/plugins/time_picker";
.
.
.
<DatePicker
format="MM/DD/YYYY HH:mm:ss"
plugins={[
<TimePicker position="bottom" />
]}
/>
Only Time Picker
import DatePicker from "react-multi-date-picker";
import TimePicker from "react-multi-date-picker/plugins/time_picker";
.
.
.
<DatePicker
disableDayPicker
format="HH:mm:ss"
plugins={[
<TimePicker />
]}
/>
Only Time Picker Meridiem
import DatePicker from "react-multi-date-picker";
import TimePicker from "react-multi-date-picker/plugins/time_picker";
.
.
.
<DatePicker
disableDayPicker
format="hh:mm:ss A"
plugins={[
<TimePicker />
]}
/>
Hiding Seconds
import DatePicker from "react-multi-date-picker";
import TimePicker from "react-multi-date-picker/plugins/time_picker";
.
.
.
<DatePicker
disableDayPicker
format="HH:mm"
plugins={[
<TimePicker hideSeconds />
]}
/>