import React, { forwardRef } from 'react';
import Datetime from 'react-datetime';
import classNames from 'classnames';
import { jsx as _jsx } from "react/jsx-runtime";
/** A complete date picker with input, used for the start & end of a date range picker */
const DateRangeSingleDatePicker = /*#__PURE__*/forwardRef(({
  onChange,
  dateFormat,
  timeFormat,
  isValidDate,
  containerTestId,
  initialViewMode,
  renderDay,
  renderMonth,
  initialViewDate,
  className,
  onNavigateForward,
  onNavigateBack,
  renderView
}, ref) => /*#__PURE__*/_jsx("div", {
  className: classNames(className, 'single-datetime-picker'),
  "test-id": containerTestId,
  children: /*#__PURE__*/_jsx(Datetime, {
    ref: ref,
    input: false,
    className: "rdt-open-bottom",
    closeOnSelect: false,
    closeOnClickOutside: false,
    open: true,
    utc: true,
    isValidDate: isValidDate,
    onChange: onChange,
    dateFormat: dateFormat,
    timeFormat: timeFormat,
    initialViewMode: initialViewMode,
    renderDay: renderDay,
    renderMonth: renderMonth,
    initialViewDate: initialViewDate,
    onNavigateForward: onNavigateForward,
    onNavigateBack: onNavigateBack,
    renderView: renderView
  })
}));
DateRangeSingleDatePicker.displayName = 'DateRangeSingleDatePicker';
export default DateRangeSingleDatePicker;