import React, { useState } from "react";
import type { ComponentProps } from "react";
import { InputTime } from "@jobber/components-native";

type InputTimeProps = ComponentProps<typeof InputTime>;

interface InputTimeControlledArgs {
  placeholder?: InputTimeProps["placeholder"];
  disabled?: InputTimeProps["disabled"];
  invalid?: InputTimeProps["invalid"];
  emptyValueLabel?: InputTimeProps["emptyValueLabel"];
}

export function InputTimeBasic(props: Partial<InputTimeControlledArgs>) {
  const [time, setTime] = useState<Date | undefined>(
    new Date("2023-07-21T16:36:34.873Z"),
  );

  return (
    <InputTime
      placeholder={props.placeholder}
      disabled={props.disabled}
      invalid={props.invalid}
      emptyValueLabel={props.emptyValueLabel}
      value={time}
      onChange={newTime => setTime(newTime)}
    />
  );
}