react-magma-dom 5.1.0-rc.6 → 5.1.0-rc.8
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.
- package/dist/components/DateTimePicker/index.d.ts +7 -2
- package/dist/components/TimePicker/AmPmToggle.d.ts +1 -0
- package/dist/components/TimePicker/TimePicker.d.ts +9 -0
- package/dist/components/TimePicker/useTimePicker.d.ts +4 -0
- package/dist/esm/index.js +961 -98
- package/dist/esm/index.js.map +1 -1
- package/dist/properties.json +9 -0
- package/dist/react-magma-dom.cjs.development.js +192 -95
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -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
|
*/
|
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
interface AmPmToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
children: string;
|
|
4
4
|
isInverse?: boolean;
|
|
5
|
+
isFocused?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare const AmPmToggle: React.ForwardRefExoticComponent<AmPmToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
7
8
|
export {};
|
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { UseTimePickerProps } from './useTimePicker';
|
|
3
|
+
import { ThemeInterface } from '../../theme/magma';
|
|
3
4
|
export interface TimePickerProps extends UseTimePickerProps {
|
|
4
5
|
/**
|
|
5
6
|
* Style properties for the outer input
|
|
6
7
|
*/
|
|
7
8
|
inputStyle?: React.CSSProperties;
|
|
8
9
|
}
|
|
10
|
+
export declare const getInputColor: (isInverse: boolean, isFocused: boolean, theme: ThemeInterface) => string;
|
|
11
|
+
export declare const Divider: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme;
|
|
13
|
+
as?: React.ElementType<any, "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">;
|
|
14
|
+
} & {
|
|
15
|
+
isInverse?: boolean;
|
|
16
|
+
isFocused?: boolean;
|
|
17
|
+
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
9
18
|
export declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -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
|
*/
|