# Timepicker

Pages time pickers is powered by the plugin Flatpickr. You can use this to get a time only picker. Please refer there documentation for further details and instructions here https://flatpickr.js.org/

# Importing

import FlatPickr from "react-flatpickr";

# How to use

const [startTime, setStartTime] = useState(new Date());

<div className="row date-range-time-picker">
  <FlatPickr
    value={startTime}
    data-enable-time
    options={{
      enableTime: true,
      noCalendar: true,
      dateFormat: "H:i",
    }}
  />
  <span className="input-group-text input-time-icon">
    <i className="pg-icon">time</i>
  </span>
</div>;