Altering prop order of DateTimePicker's TimeInput

mantinedev · May 8, 2024 · 4a81bf0 · 4a81bf0
1 parent 44c3ffd
commit 4a81bf0
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.tsx b/packages/@mantine/dates/src/components/DateTimePicker/DateTimePicker.tsx
@@ -248,13 +248,6 @@ export const DateTimePicker = factory<DateTimePickerFactory>((_props, ref) => {
             withSeconds={withSeconds}
             ref={timeInputRefMerged}
             unstyled={unstyled}
-            {...timeInputProps}
-            {...getStyles('timeInput', {
-              className: timeInputProps?.className,
-              style: timeInputProps?.style,
-            })}
-            onChange={handleTimeChange}
-            onKeyDown={handleTimeInputKeyDown}
             minTime={
               _value && minDate && _value.toDateString() === minDate.toDateString()
                 ? minTime != null
@@ -269,6 +262,13 @@ export const DateTimePicker = factory<DateTimePickerFactory>((_props, ref) => {
                   : undefined
                 : undefined
             }
+            {...timeInputProps}
+            {...getStyles('timeInput', {
+              className: timeInputProps?.className,
+              style: timeInputProps?.style,
+            })}
+            onChange={handleTimeChange}
+            onKeyDown={handleTimeInputKeyDown}
             size={size}
             data-mantine-stop-propagation={__stopPropagation || undefined}
           />