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
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;
|
|
|