@bytebrand/fe-ui-core 4.1.139 → 4.1.141

package/package.json

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

package/source/components/_common/MaterialSelect/MaterialSelect.tsx

@@ -35,6 +35,7 @@ export interface IVehicleModalProps {
   items: IItems[];
   selectClassName?: string;
   amountOfItems?: number;
+  customDimensionsIcon?: boolean;
 }
 
 const ITEM_HEIGHT = isMobileOnly ? 56 : 48;
@@ -61,6 +62,7 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
   required,
   items,
   icon,
+  customDimensionsIcon,
   amountOfItems = MENU_ITEMS
 }: IVehicleModalProps) => {
   const [newValue, setValue] = useState('');
@@ -172,7 +174,7 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
           inputProps={{
             className: selectClassName
           }}
-          IconComponent={() => <ArrowSelect className={IconClassNames} name={!!icon ? icon : 'arrowSelect'} />}
+          IconComponent={() => <ArrowSelect customDimensions={customDimensionsIcon} className={IconClassNames} name={!!icon ? icon : 'arrowSelect'} />}
           MenuProps={{
             disablePortal: true,
             disableAutoFocus: true,

package/source/components/_common/TimePicker/TimePicker.styl

@@ -17,5 +17,7 @@
         padding-right: 0 !important
 
 .selectIcon
-    width: 30px
+    width: 21px
+    height: auto
+    max-width: none !important
     padding-right: 10px

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

@@ -46,8 +46,8 @@ const TimePicker = ({
   const nextWeekDays = [...Array(7).keys()].map((days, index) => (
   {
     value: index,
-    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' }),
-    day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' })
+    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' }),
+    day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' })
   }
   ));
   const nextWeekDaysFull = [...Array(7).keys()].map(days => new Date(Date.now() + setNewDay + 86400000 * days));
@@ -124,6 +124,7 @@ const TimePicker = ({
         classNameIcon={styles.selectIcon}
         items={nextWeekDays}
         amountOfItems={6}
+        customDimensionsIcon
       />
       <MaterialSelect
         onChange={(value: any) => timeChange(value)}
@@ -136,6 +137,7 @@ const TimePicker = ({
         classNameIcon={styles.selectIcon}
         items={getTimeRanges()}
         amountOfItems={6}
+        customDimensionsIcon
       />
     </div>
   );