@navikt/ds-react/esm/date/datepicker/DatePicker.d.ts

React components from the Norwegian Labour and Welfare Administration.

import React from "react";
import { DateInputProps, DatePickerInput } from "../Date.Input.js";
import { ConditionalModeProps, DatePickerDefaultProps } from "./DatePicker.types.js";
import DatePickerStandalone, { DatePickerStandaloneProps } from "./parts/DatePicker.Standalone.js";
type DatePickerProps = DatePickerDefaultProps & ConditionalModeProps;
interface DatePickerComponent extends React.ForwardRefExoticComponent<DatePickerProps> {
    /**
     * @see 🏷️ {@link DatePickerStandaloneProps}
     * @example
     * ```jsx
     * <DatePicker.Standalone
     *   dropdownCaption
     *   fromDate={new Date("2022-10-01")}
     *   toDate={new Date("2026-10-01")}
     * />
     * ```
     */
    Standalone: typeof DatePickerStandalone;
    /**
     * Custom TextField for DatePicker
     * @see 🏷️ {@link DateInputProps}
     */
    Input: typeof DatePickerInput;
}
/**
 * A component that allows users to select a date from a calendar.
 *
 * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/datepicker)
 * @see 🏷️ {@link DatePickerProps}
 *
 * @example
 * ```jsx
 *  const { inputProps, datepickerProps } = useMonthpicker({
 *    onMonthChange: console.log,
 *  });
 *
 *  return (
 *     <DatePicker {...datepickerProps} dropdownCaption>
 *       <DatePicker.Input
 *         {...inputProps}
 *         label="Velg dato"
 *       />
 *     </DatePicker>
 *  );
 * ```
 */
export declare const DatePicker: DatePickerComponent;
export default DatePicker;
export { DatePickerStandalone, DatePickerInput };
export type { DatePickerProps, DatePickerStandaloneProps, DateInputProps };