@bytebrand/fe-ui-core 4.2.14 → 4.2.16

package/package.json

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

package/source/components/VehicleSmallCard/VehicleData/VehicleInfo/VehicleInfo.tsx

@@ -24,7 +24,7 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
     i18nPrefixForPriceRating,
     vehicleComponentName,
     combineRefAlternative,
-    currentSalesPrice,
+    common: { currentSalesPrice, mileage },
     language,
     url,
     target,
@@ -32,7 +32,6 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
     regDate,
     linkTag,
     routeObj,
-    mileage,
     gearbox,
     numberOfPreviousOwners,
     usageType,
@@ -45,7 +44,6 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
     offer,
     engineData
   } = props;
-  
   const firstRegistrationDate = regDate && regDate !== 0 ? regDate : 'N/A';
 
   const dataDecoratedProps = {

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