Cally Date Range Selector Test

Dropdown Version (Like the image)

Current Selection

No date range selected

Select date range

Usage Example:

import CallyDateRangeDropdown from "../../components/CallyDateRangeDropdown";

const [selectedRange, setSelectedRange] = useState(null);

<CallyDateRangeDropdown 
  value={selectedRange}
  onChange={setSelectedRange}
  placeholder="Select date range"
/>

Full Calendar Version

Current Selection

No date range selected

Loading calendar...

Usage Example:

import CallyDateRangeSelector from "../../components/CallyDateRangeSelector";

const [selectedRange, setSelectedRange] = useState(null);

<CallyDateRangeSelector 
  value={selectedRange}
  onChange={setSelectedRange}
/>