Fix bug

Author: onesine

README.md

@@ -116,6 +116,7 @@ Got ideas on how to make this better? Open an issue!
 
 ## Thanks to
 - [Litepie Datepicker](https://litepie.com/)
+- [Vue Tailwind Datepicker](https://vue-tailwind-datepicker.com/)
 - [React](https://reactjs.org/)
 - [Tailwind CSS](https://tailwindcss.com/)
 - [dayjs](https://day.js.org/)

src/components/Shortcuts.tsx

@@ -5,7 +5,7 @@ import {Period} from "../types";
 import DatepickerContext from "../contexts/DatepickerContext";
 
 const ItemTemplate = React.memo((props: any) => {
-    const {primaryColor, period, changePeriod, changeInputText, updateFirstDate, dayHover, changeDayHover} = useContext(DatepickerContext);
+    const {primaryColor, period, changePeriod, changeInputText, updateFirstDate, dayHover, changeDayHover, hideDatepicker} = useContext(DatepickerContext);
 
     // Functions
     const getClassName: () => string = useCallback(() => {
@@ -26,8 +26,9 @@ const ItemTemplate = React.memo((props: any) => {
         }
         changeInputText(`${item.start} ~ ${item.end}`);
         changePeriod(item);
-        updateFirstDate(dayjs(item.start))
-    }, [changeDayHover, changeInputText, changePeriod, dayHover, period.end, period.start, updateFirstDate]);
+        updateFirstDate(dayjs(item.start));
+        hideDatepicker()
+    }, [changeDayHover, changeInputText, changePeriod, dayHover, period.end, period.start, updateFirstDate, hideDatepicker]);
 
     return (
         <li