React TailwindCSS
Date & Time Picker

import ReactDateTimePicker from 'react-tailwindcss-datetimepicker';
import 'react-tailwindcss-datetimepicker/dist/style.css';

const ranges = {
  Today: [startOfDay(new Date()), endOfDay(new Date())],
  'Last 7 Days': [subDays(new Date(), 7), new Date()],
};

function App() {
  const [start, setStart] = useState(new Date());
  const [end, setEnd] = useState(new Date());

  return (
    <ReactDateTimePicker
      ranges={ranges}
      start={start}
      end={end}
      applyCallback={(s, e) => { setStart(s); setEnd(e); }}
    >
      <button>Pick a date range</button>
    </ReactDateTimePicker>
  );
}