Timers ControlledAutoCompleteTime.tsx

100% Statements 4/4

100% Branches 0/0

100% Functions 3/3

100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34  
 
 
 
 
 
 
 
 
 
6x
 
6x
 
 
 
 
7x
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
  import { usePayBuilderForm } from "@sections/PayBuilder/provider/PayBuilderFormProvider";
import { FormDataType } from "@sections/PayBuilder/utils";
import { AutoCompleteTime } from "./AutoCompleteTime";
import { Controller, UseControllerProps } from "react-hook-form";
 
export function ControlledAutoCompleteTime({
  name,
}: {
  name: UseControllerProps<FormDataType>["name"];
}) {
  const { methods } = usePayBuilderForm();
 
  return (
    <Controller
      control={methods.control}
      name={name}
      render={({ field: { ref, value }, fieldState: { error } }) => {
        return (
          <AutoCompleteTime
            name={name}
            value={value}
            onChange={(_value: string) => {
              methods.setValue(name, _value, {
                shouldValidate: true,
              });
            }}
            error={error}
          />
        );
      }}
    />
  );
}