@bytebrand/fe-ui-core 4.2.13 → 4.2.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.2.13",
+  "version": "4.2.15",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/_common/TimePicker/TimePicker.tsx

@@ -39,7 +39,7 @@ const TimePicker = ({
   };
 
   const endOfTheDayTime = currentDay > 5 || currentDay < 1 ? '17:30:00' : '19:30:00';
-  const startOfTheDayTime = currentDay > 5 || currentDay < 1 ? '09:00:00' : '08:00:00';
+  const startOfTheDayTime = currentDay > 5 || currentDay < 1 ? '09:00:00' : '08:30:00';
   const setNewDay = new Date(`${date.toDateString()} ${endOfTheDayTime}`) > date ? 0 : 86400000;
   const interval = 30 * 60 * 1000;
   const roundedTime = new Date(Math.ceil(date / interval) * interval);
@@ -53,6 +53,10 @@ const TimePicker = ({
   const nextWeekDaysFull = [...Array(7).keys()].map(days => new Date(Date.now() + setNewDay + 86400000 * days));
   const currentDayFull = new Date(nextWeekDaysFull[0]).toDateString();
 
+  const currentTime = new Date(`${currentDayFull} ${new Date().toLocaleTimeString()}`);
+  const endOfTheDay = new Date(`${currentDayFull} ${endOfTheDayTime}`);
+  const startOfTheDay = new Date(`${currentDayFull} ${startOfTheDayTime}`);
+
   const isWorkingHours = () => (endOfTheDay > currentTime) && (startOfTheDay <= currentTime) && currentDay === new Date().getDay();
   const isAfterWorkingHours = () => endOfTheDay < currentTime;
 
@@ -61,10 +65,6 @@ const TimePicker = ({
   const dayRanges: { value: number, label: string, time: string }[] = [];
   const ammountRanges = currentDay > 5 || currentDay < 1 ? (ranges - (roundedTime.getHours() - 9)) : (ranges - (roundedTime.getHours() - 8));
 
-  const currentTime = new Date(`${currentDayFull} ${new Date().toLocaleTimeString()}`);
-  const endOfTheDay = new Date(`${currentDayFull} ${endOfTheDayTime}`);
-  const startOfTheDay = new Date(`${currentDayFull} ${startOfTheDayTime}`);
-
   const startTime = (currentDay > 5) || (currentDay < 1) ? 9 : 8;
 
   const getTimeRanges = () => {
@@ -76,7 +76,9 @@ const TimePicker = ({
       currentDayRanges.push({ time, value: currentDayRanges.length, label: `${time} - ${rangeTime}` });
     } // time ranges for current day and from current time
 
-    for (let minutes = 0; minutes < ranges * 60; minutes = minutes + 30) {
+    const startOfTheDayMinutes = currentDay > 5 || currentDay < 1 ? 0 : 30; // from monday to friday we need to start from 08:30:00
+
+    for (let minutes = startOfTheDayMinutes; minutes < ranges * 60; minutes = minutes + 30) {
       date.setHours(startTime);
       date.setMinutes(minutes);
       const time = date.toLocaleTimeString('de', format);
@@ -98,6 +100,13 @@ const TimePicker = ({
     [day, time]
   );
 
+  useEffect(
+    () => {
+      onHandleTimestampChange(+new Date(`${new Date(nextWeekDaysFull[day]).toDateString()} ${getTimeRanges()[time].time}`) / 1000);
+    },
+    [currentDay]
+  );
+
   const getHours = (time: string) => {
     const date = new Date(`${new Date().toDateString()}, ${time}:00`);
     return date;