@yamada-ui/react/dist/types/components/date-picker/date-picker.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { Direction, ThemeProps } from "../../core/system/index.types.js";
import { GenericsComponent, HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { PopoverContentProps, PopupAnimationProps } from "../popover/popover.js";
import { UseInputBorderProps } from "../input/use-input-border.js";
import { InputElementProps } from "../input/input-element.js";
import { InputGroupRootProps } from "../input/input-group.js";
import { CalendarRootProps } from "../calendar/calendar.js";
import { DatePickerStyle } from "./date-picker.style.js";
import { UseDatePickerProps } from "./use-date-picker.js";
import * as react899 from "react";
import { ReactElement, ReactNode } from "react";

//#region src/components/date-picker/date-picker.d.ts
interface DatePickerProps<Multiple extends boolean = false, Range extends boolean = false> extends Omit<HTMLStyledProps, "defaultValue" | "offset" | "onChange" | "ref" | "value">, UseDatePickerProps<Multiple, Range>, PopupAnimationProps, ThemeProps<DatePickerStyle>, UseInputBorderProps {
  /**
   * If `true`, display the clear icon.
   *
   * @default true
   */
  clearable?: boolean;
  /**
   * The icon to be used in the clear button.
   */
  clearIcon?: ReactNode;
  /**
   * The icon to be used in the date picker.
   */
  icon?: ReactNode;
  /**
   * The placement of the popper relative to its reference.
   *
   * @default 'end-start'
   */
  placement?: Direction;
  /**
   * The size of the calendar component.
   */
  calendarProps?: CalendarRootProps<Multiple, Range>;
  /**
   * Props for content element.
   */
  contentProps?: DatePickerContentProps;
  /**
   * The props for the end element.
   */
  elementProps?: InputElementProps;
  /**
   * Props for icon element.
   */
  iconProps?: DatePickerIconProps;
  /**
   * The props for the input element.
   */
  inputProps?: HTMLStyledProps<"input">;
  /**
   * Props for root element.
   */
  rootProps?: InputGroupRootProps;
}
declare const DatePickerPropsContext: react899.Context<Partial<DatePickerProps<false, false>> | undefined>, useDatePickerPropsContext: () => Partial<DatePickerProps<false, false>> | undefined;
/**
 * `DatePicker` is a component used for users to select a date.
 *
 * @see https://yamada-ui.com/docs/components/date-picker
 */
declare const DatePicker: GenericsComponent<{
  <Multiple extends boolean = false, Range extends boolean = false>(props: DatePickerProps<Multiple, Range>): ReactElement;
}>;
interface DatePickerIconProps extends HTMLStyledProps {
  icon?: ReactNode;
}
interface DatePickerContentProps extends PopoverContentProps {}
//#endregion
export { DatePicker, DatePickerProps, DatePickerPropsContext, useDatePickerPropsContext };
//# sourceMappingURL=date-picker.d.ts.map