react-magma-dom 4.10.2-next.2 → 4.11.0-next.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -68,6 +68,10 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
68
68
  * @internal
69
69
  */
70
70
  hideFocus?: boolean;
71
+ /**
72
+ * Text for aria-label attribute for the checkbox.
73
+ */
74
+ ariaLabel?: string;
71
75
  }
72
76
  export declare const HiddenLabelText: import("@emotion/styled").StyledComponent<{
73
77
  theme?: import("@emotion/react").Theme;
@@ -71,14 +71,19 @@ export interface DateTimePickerProps extends Omit<React.InputHTMLAttributes<HTML
71
71
  * Value of the date input, used when setting the date value externally
72
72
  */
73
73
  value?: Date;
74
+ /**
75
+ * Optional timezone to display with the selected date and time (e.g. "America/New_York").
76
+ * If provided, the component will display its short abbreviation (e.g. "EST") and include the timezone when returning values.
77
+ */
78
+ timezone?: string;
74
79
  /**
75
80
  * Event that will fire when day is changed
76
81
  */
77
- onDateChange?: (day: Date, event: React.SyntheticEvent) => void;
82
+ onDateChange?: (day: Date, event: React.SyntheticEvent, timezone?: string) => void;
78
83
  /**
79
84
  * Event that will fire when time is changed
80
85
  */
81
- onTimeChange?: (time: string) => void;
86
+ onTimeChange?: (time: string, timezone?: string) => void;
82
87
  /**
83
88
  * Event that will fire when the text input loses focus
84
89
  */
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react';
2
+ import { IconProps } from 'react-magma-icons';
2
3
  import { ButtonStyles } from '../Button';
3
4
  export interface DropdownSplitButtonProps extends ButtonStyles {
4
5
  /**
@@ -17,6 +18,10 @@ export interface DropdownSplitButtonProps extends ButtonStyles {
17
18
  * If true, element is disabled
18
19
  */
19
20
  disabled?: boolean;
21
+ /**
22
+ * Leading icon to display on the left side within the component
23
+ */
24
+ leadingIcon?: React.ReactElement<IconProps>;
20
25
  /**
21
26
  * Function that fires when the button is clicked
22
27
  */
@@ -11,6 +11,7 @@ export declare const SelectContainerElement: import("@emotion/styled").StyledCom
11
11
  }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
12
  interface SelectContainerInterface<T> {
13
13
  additionalContent?: React.ReactNode;
14
+ ariaLabel?: string;
14
15
  children: React.ReactNode[];
15
16
  containerStyle?: React.CSSProperties;
16
17
  descriptionId?: string;
@@ -107,6 +107,10 @@ export interface SelectProps<T extends SelectOptions> extends UseSelectProps<T>,
107
107
  * Id of the element that describes the select trigger button
108
108
  */
109
109
  ariaDescribedBy?: string;
110
+ /**
111
+ * Aria label for the select trigger button
112
+ */
113
+ ariaLabel?: string;
110
114
  /**
111
115
  * @internal
112
116
  */
@@ -19,6 +19,10 @@ export interface UseTimePickerProps extends Omit<FormFieldContainerBaseProps, 'i
19
19
  * Full time value passed in and converted to use in hour, minute, and AM/PM fields. To clear the TimePicker - send the undefined value.
20
20
  */
21
21
  value?: string | undefined;
22
+ /**
23
+ * @internal
24
+ */
25
+ timezone?: string;
22
26
  /**
23
27
  * Function called when the component is changed to a new time
24
28
  */