filter-calendar

src/shared/ui/calendar/nice-calendar.tsx

@@ -0,0 +1,31 @@
+import moment from 'moment';
+import styled from "styled-components";
+import { useState } from 'react';
+import Calendar from 'react-calendar';
+import 'react-calendar/dist/Calendar.css';
+
+const NiceCalendar = ({
+  calendarOpen,
+  setNewDate
+}: any) => {
+  const [calendarDate, setCalendarDate] = useState<string>(moment().format('YYYY-MM-DD'));
+  const [isOpen, setIsOpen] = useState<boolean>(calendarOpen);
+  
+  const onchangeToDate = (selectedDate: any) => {
+    setNewDate(selectedDate)
+    setIsOpen(false);
+  };
+
+  return (
+    <>
+      
+        <Calendar
+          onChange={ onchangeToDate }
+          value={ calendarDate }
+        ></Calendar>
+        
+    </>
+  );
+};
+
+export default NiceCalendar;