Date Picker

import { DatePicker, DateRangePicker } from "passport-ui";
import { useState } from "react";

function DatePickerExample() {
  const [date, setDate] = useState<Date | undefined>();
 
  return (
    <div className="w-sm">
      <DatePicker
        date={date}
        onSelect={setDate}
        placeholder="Pick a date"
      />
    </div>
  );
}
 
{/* Date range picker */}
function DateRangeExample() {
  const [dateRange, setDateRange] = useState<DateRange | undefined>();
 
  return (
    <DateRangePicker
      dateRange={dateRange}
      onSelect={setDateRange}
      placeholder="Pick a date range"
    />
  );
}