You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

29 lines
727 B

import React, { useState } from "react";
import DateRangePicker from "./DateRangePicker";
import RangeDatePicker from "./RangeDatePicker";
import SimpleCalendar from "./SimpleCalendar";
function Calender() {
const list = {
1: <DateRangePicker />,
2: <RangeDatePicker />,
3: <SimpleCalendar />,
};
const [type, setType] = useState(1);
return (
<div className="w-full flex flex-col items-center">
<select
className="mb-10 w-20 bg-gray-200"
onChange={(e) => setType(e.target.value)}
>
{Object.keys(list).map((option, index) => (
<option key={index}>{option}</option>
))}
</select>
{list[type]}
</div>
);
}
export default Calender;