import type { StyleProp, ViewStyle } from 'react-native';

export interface TimePickerProps {
  /**
   * Time picker input label.
   */
  label: string;
  /**
   * Current time value. Must be in correct default format or format provided via format prop.
   */
  value?: Date;
  /**
   * Input placeholder. Time format will be used as placeholder if not specified.
   */
  placeholder?: string;
  /**
   * Callback that is called when new value is selected.
   */
  onChange: (value: Date) => void;
  /**
   * Confirm label text. iOS only.
   */
  confirmLabel: string;
  /**
   * Time display format of current value presented on the input. Default format is: HH:mm aa.
   * Following date-fns's format (https://date-fns.org/v2.16.1/docs/format).
   * This also change how the time picker display between 24 hour and 12 hour mode.
   */
  displayFormat?: string;
  /**
   * Whether the Time picker is disabled.
   */
  disabled?: boolean;
  /**
   * Error message to display.
   */
  error?: string;
  /**
   *  Whether the value is required, if true, an asterisk will be appended to the label.
   */
  required?: boolean;
  /**
   * The helper text to display.
   */
  helpText?: string;
  /**
   * hides icon
   */
  showSuffix?: boolean;

  /**
   * Addtional style.
   */
  style?: StyleProp<ViewStyle>;
  /**
   * Testing id of the component.
   */
  testID?: string;
  /**
   * Supported orientations for the TimePicker modal, iOS only.
   */
  supportedOrientations?: ('portrait' | 'landscape')[];
}