IO-1695 Add validation to time ticket window for clock times.

client/src/components/bill-form/bill-form.lines.component.jsx

@@ -421,7 +421,7 @@ export function BillEnterModalLinesComponent({
                     </Form.Item>
                     {price &&
                       adjustmentRate &&
-                      `${(price / adjustmentRate).toFixed(2)} hrs`}
+                      `${(price / adjustmentRate).toFixed(1)} hrs`}
                   </div>
                 );
               return <></>;

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

@@ -221,7 +221,29 @@ export function TimeTicketModalComponent({
                 }
               />
             </Form.Item>
-            <Form.Item label={t("timetickets.fields.clockoff")} name="clockoff">
+            <Form.Item
+              label={t("timetickets.fields.clockoff")}
+              name="clockoff"
+              rules={[
+                ({ getFieldValue }) => ({
+                  validator(rule, value) {
+                    const clockon = getFieldValue("clockon");
+                    console.log(value, clockon);
+                    if (!value) return Promise.resolve();
+                    if (!clockon && value)
+                      return Promise.reject(
+                        t("timetickets.validation.clockoffwithoutclockon")
+                      );
+                    if (!value.isSameOrAfter(clockon))
+                      return Promise.reject(
+                        t("timetickets.validation.clockoffmustbeafterclockon")
+                      );
+
+                    return Promise.resolve();
+                  },
+                }),
+              ]}
+            >
               <FormDateTimePicker
                 disabled={
                   !HasRbacAccess({