import { JSXBase } from '@stencil/core/internal';
import { ComponentPropsWithoutRef } from 'react';
import { BoxProps } from './Box.js';
import '../types-B4RnVKcG.js';

declare const DateInput = "ax-date-input";

type DateInputProps = BoxProps &  {
  "holiday"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
"placeholder"?: string;
"weekend"?: false | true | ((date: Date) => boolean) | Date | Date[] | DateRange | DateBefore | DateAfter | DateInterval | DayOfWeek | Matcher[];
"type"?: "date" | "datetime-local";
"size"?: "md" | "lg" | "xl";
"asChild"?: false | true;
"as-child"?: false | true;
"disabled"?: false | true;
"onValueChange"?: (value: string) => void;
"addonAfter"?: string | number | false | true;
"addon-after"?: string;
"addonBefore"?: string | number | false | true;
"addon-before"?: string;
"appearance"?: "number" | "default";
"name"?: string;
"addonPointerEvents"?: "none" | "auto";
"addon-pointer-events"?: "none" | "auto";
"error"?: false | true;
"htmlSize"?: number;
"html-size"?: number;
};

declare module "@stencil/core" {
  namespace JSX {
    interface IntrinsicElements {
      [DateInput]: DateInputProps & Omit<(JSXBase.IntrinsicElements["input"]), keyof DateInputProps>;
    }
  }
}

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      [DateInput]: DateInputProps & Omit<(ComponentPropsWithoutRef<"input">), keyof DateInputProps>;
    }
  }
}

export { DateInput };
export type { DateInputProps };