IO-1721 Update time ticket time fields to be in 5 minute increments.

client/src/components/form-date-time-picker/form-date-time-picker.component.jsx

@@ -19,26 +19,26 @@ const DateTimePicker = (
   return (
     <div id={id}>
       <FormDatePicker
-        {...restProps}
+      {...(onlyFuture && {
-        {...(onlyFuture && {
+        disabledDate: (d) => moment().subtract(1, "day").isAfter(d),
-          disabledDate: (d) => moment().subtract(1, "day").isAfter(d),
+      })}
-        })}
+      value={value}
-        value={value}
+      onBlur={onBlur}
-        onBlur={onBlur}
+      onChange={onChange}
-        onChange={onChange}
+      {...restProps}
       />
 
       <TimePicker
-        {...restProps}
+      value={value ? moment(value) : null}
-        value={value ? moment(value) : null}
+      {...(onlyFuture && {
-        {...(onlyFuture && {
+        disabledDate: (d) => moment().isAfter(d),
-          disabledDate: (d) => moment().isAfter(d),
+      })}
-        })}
+      onChange={onChange}
-        onChange={onChange}
+      showSecond={false}
-        showSecond={false}
+      minuteStep={15}
-        minuteStep={15}
+      onBlur={onBlur}
-        onBlur={onBlur}
+      format="hh:mm a"
-        format="hh:mm a"
+      {...restProps}
       />
     </div>
   );

client/src/components/time-ticket-modal/time-ticket-modal.component.jsx

@@ -212,6 +212,7 @@ export function TimeTicketModalComponent({
           <>
             <Form.Item label={t("timetickets.fields.clockon")} name="clockon">
               <FormDateTimePicker
+                minuteStep={5}
                 disabled={
                   !HasRbacAccess({
                     bodyshop,
@@ -245,6 +246,7 @@ export function TimeTicketModalComponent({
               ]}
             >
               <FormDateTimePicker
+                minuteStep={5}
                 disabled={
                   !HasRbacAccess({
                     bodyshop,