import * as React from 'react';
import { InputProps } from '../Input';
import { SupportedWixLocales } from 'wix-design-systems-locale-utils';

export type TimeInputNextProps = {
  className?: string;
  dataHook?: string;
  disabled?: InputProps['disabled'];
  border?: InputProps['border'];
  onChange?({ date }: { date: Date }): void;
  placeholder?: InputProps['placeholder'];
  prefix?: InputProps['prefix'];
  readOnly?: InputProps['readOnly'];
  size?: InputProps['size'];
  status?: InputProps['status'];
  statusMessage?: InputProps['statusMessage'];
  step?: number;
  suffix?: InputProps['suffix'];
  locale?: SupportedWixLocales;
  timeStyle?: 'long' | 'short';
  value?: Date;
  width?: React.CSSProperties['width'];
};

export type TimeInputNextImperativeActions = {
  focus(): void;
};

declare const TimeInputNext: React.ForwardRefExoticComponent<
  TimeInputNextProps & React.RefAttributes<TimeInputNextImperativeActions>
>;

export default TimeInputNext;