added timepicker as children to calendar

This commit is contained in:
Bernt Christian Egeland 2023-01-15 19:25:45 +01:00
parent 621aa0cf61
commit 42755a9d86

View File

@ -5,7 +5,7 @@ import ArrowRightDouble from '../icons/ArrowRightDouble';
const todayTimestamp = new Date().setHours(0, 0, 0, 0).valueOf(); const todayTimestamp = new Date().setHours(0, 0, 0, 0).valueOf();
const Calendar = ({ onChange, calendarRef, close, dateRange }) => { const Calendar = ({ onChange, calendarRef, close, dateRange, children }) => {
const keyRef = useRef([]); const keyRef = useRef([]);
const date = new Date(); const date = new Date();
@ -287,8 +287,8 @@ const Calendar = ({ onChange, calendarRef, close, dateRange }) => {
}; };
return ( return (
<div className="select-none w-96 flex flex-shrink" ref={calendarRef}> <div className="select-none w-full flex flex-shrink" ref={calendarRef}>
<div className="py-4 px-6"> <div className="px-6">
<div className="flex items-center"> <div className="flex items-center">
<div className="w-1/6 relative flex justify-around"> <div className="w-1/6 relative flex justify-around">
<div <div
@ -329,6 +329,7 @@ const Calendar = ({ onChange, calendarRef, close, dateRange }) => {
</div> </div>
<div className="mt-3">{renderCalendar()}</div> <div className="mt-3">{renderCalendar()}</div>
</div> </div>
{children}
</div> </div>
); );
}; };