react-magma-dom 4.10.0-next.26 → 4.10.0-next.28

package/dist/components/DatePicker/CalendarMonth.d.ts

@@ -5,6 +5,7 @@ interface CalendarMonthProps {
     isInverse?: boolean;
     handleCloseButtonClick: (event: React.SyntheticEvent) => void;
     setDateFocused?: (value: boolean) => void;
+    dateTimePickerContent?: React.ReactNode;
 }
 export declare const CalendarMonth: React.FunctionComponent<CalendarMonthProps>;
 export {};

package/dist/components/DatePicker/index.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
 import { Omit } from '../../utils';
+export interface DatePickerApi {
+    openDatePickerManually(event: any): void;
+    closeDatePickerManually(event: any): void;
+}
 export interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
     /**
      * Style properties for the component container element
@@ -88,5 +92,25 @@ export interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInpu
      * Event that will fire when the text input gains focus
      */
     onInputFocus?: (event: React.FocusEvent) => void;
+    /**
+     * @internal
+     */
+    dateTimePickerContent?: any;
+    /**
+     * @internal
+     */
+    additionalInputContent?: any;
+    /**
+     * @internal
+     */
+    apiRef?: React.MutableRefObject<DatePickerApi | undefined>;
+    /**
+     * @internal
+     */
+    setAdditionalInputContent?: (value: string) => void;
+    /**
+     * @internal
+     */
+    onClear?: (event: React.MouseEvent) => void;
 }
 export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/DateTimePicker/index.d.ts

@@ -0,0 +1,99 @@
+import React from 'react';
+export interface DateTimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'> {
+    /**
+     * Default selected date and time values
+     */
+    defaultValue?: Date;
+    /**
+     * Content of the error message. If a value is provided, the component will be styled to show an error state
+     */
+    errorMessage?: React.ReactNode;
+    /**
+     * Content of the helper message
+     */
+    helperMessage?: React.ReactNode;
+    /**
+     * Style properties for the input element
+     */
+    inputStyle?: React.CSSProperties;
+    /**
+     * Clear contents of input by clicking a clear button
+     * @default false
+     */
+    isClearable?: boolean;
+    /**
+     * If true, the component will have inverse styling to better appear on a dark background
+     * @default false
+     */
+    isInverse?: boolean;
+    /**
+     * Style properties for the label element
+     */
+    labelStyle?: React.CSSProperties;
+    /**
+     * Text for label
+     */
+    labelText: React.ReactNode;
+    /**
+     * Text for time picker label
+     */
+    timePickerLabelText?: React.ReactNode;
+    /**
+     * Text for button label
+     */
+    buttonLabelText?: React.ReactNode;
+    /**
+     * Maximum date allowed to be chosen in the calendar
+     */
+    maxDate?: Date;
+    /**
+     * Style properties for the helper or error message
+     */
+    messageStyle?: React.CSSProperties;
+    /**
+     * Minimum date allowed to be chosen in the calendar
+     */
+    minDate?: Date;
+    /**
+     * Text for input placeholder
+     */
+    placeholder?: string;
+    /**
+     * If true, this component must have a value
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * @internal
+     */
+    testId?: string;
+    /**
+     * Value of the date input, used when setting the date value externally
+     */
+    value?: Date;
+    /**
+     * Event that will fire when day is changed
+     */
+    onDateChange?: (day: Date, event: React.SyntheticEvent) => void;
+    /**
+     * Event that will fire when time is changed
+     */
+    onTimeChange?: (time: string) => void;
+    /**
+     * Event that will fire when the text input loses focus
+     */
+    onInputBlur?: (event: React.FocusEvent) => void;
+    /**
+     * Event that will fire when the text input is changed
+     */
+    onInputChange?: (event: React.ChangeEvent) => void;
+    /**
+     * Event that will fire when the text input gains focus
+     */
+    onInputFocus?: (event: React.FocusEvent) => void;
+    /**
+     * Event that will fire when the done button is clicked
+     */
+    onDone?: (event: React.SyntheticEvent) => void;
+}
+export declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Popover/Popover.d.ts

@@ -112,4 +112,5 @@ export interface PopoverContextInterface {
 }
 export declare const PopoverContext: React.Context<PopoverContextInterface>;
 export declare function hasActiveElementsChecker(ref: any): boolean;
+export declare function isElementInteractive(element: EventTarget | null): boolean;
 export declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;