@zealicsolutions/web-ui 1.0.37-beta.3 → 1.0.38
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/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/DatePicker/DatePicker.d.ts +0 -9
- package/dist/cjs/molecules/DatePicker/DatePicker.stories.d.ts +9 -3
- package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js +1 -1
- package/dist/esm/molecules/CurrencyInputtField/CurrencyInputField.js.map +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.d.ts +0 -9
- package/dist/esm/molecules/DatePicker/DatePicker.js +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/molecules/DatePicker/DatePicker.stories.d.ts +9 -3
- package/dist/index.d.ts +0 -9
- package/package.json +1 -1
@@ -26,16 +26,7 @@ export interface DatePickerMoleculeProps extends MuiDatePickerProps {
|
|
26
26
|
paddingBottom?: string;
|
27
27
|
name: string;
|
28
28
|
sourceDataModelField?: string;
|
29
|
-
/**
|
30
|
-
* If true, disables the actual picker input and just displays
|
31
|
-
* the date in read-only text form.
|
32
|
-
*/
|
33
29
|
isDisplayOnly?: boolean;
|
34
|
-
/**
|
35
|
-
* Format to use when displaying date in "display only" mode
|
36
|
-
* or controlling the displayed text in the editable field.
|
37
|
-
* e.g. 'MM/dd/yyyy' or 'yyyy-MM-dd'
|
38
|
-
*/
|
39
30
|
displayFormat?: string;
|
40
31
|
}
|
41
32
|
export declare const DatePickerMolecule: React.FC<DatePickerMoleculeProps>;
|
@@ -1,6 +1,12 @@
|
|
1
1
|
import { DatePickerMoleculeProps } from './DatePicker';
|
2
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
3
3
|
export default _default;
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerMoleculeProps
|
5
|
-
|
6
|
-
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerMoleculeProps & {
|
5
|
+
sourceDataModelFieldValue?: string | undefined;
|
6
|
+
}>;
|
7
|
+
export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerMoleculeProps & {
|
8
|
+
sourceDataModelFieldValue?: string | undefined;
|
9
|
+
}>;
|
10
|
+
export declare const CustomFormat: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerMoleculeProps & {
|
11
|
+
sourceDataModelFieldValue?: string | undefined;
|
12
|
+
}>;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as e}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as i,useEffect as r}from"react";import{useFormContext as n,Controller as d}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import"../../node_modules/currency-symbol-map/currency-symbol-map.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import{useOrganismContext as l}from"../../contexts/hooks/useOrganismContext.js";import{useStateContext as a}from"../../contexts/hooks/useStateContext.js";import"../../contexts/AccountButtonContext/AccountButtonContext.js";import m from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";import s from"../../node_modules/@mui/material/Typography/Typography.js";import u from"../../node_modules/@mui/material/Box/Box.js";import p from"../../node_modules/@mui/material/InputAdornment/InputAdornment.js";import c from"../../node_modules/@mui/material/TextField/TextField.js";import{c as f}from"../../_virtual/currency-symbol-map.js";var x=function(x){var g,v=x.required,
|
1
|
+
import{__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t,jsxs as e}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as i,useEffect as r}from"react";import{useFormContext as n,Controller as d}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import"../../node_modules/currency-symbol-map/currency-symbol-map.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import{useOrganismContext as l}from"../../contexts/hooks/useOrganismContext.js";import{useStateContext as a}from"../../contexts/hooks/useStateContext.js";import"../../contexts/AccountButtonContext/AccountButtonContext.js";import m from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";import s from"../../node_modules/@mui/material/Typography/Typography.js";import u from"../../node_modules/@mui/material/Box/Box.js";import p from"../../node_modules/@mui/material/InputAdornment/InputAdornment.js";import c from"../../node_modules/@mui/material/TextField/TextField.js";import{c as f}from"../../_virtual/currency-symbol-map.js";var x=function(x){var g,v,h=x.required,C=void 0===h||h,b=x.requiredErrorText,y=void 0===b?"This field is required":b,j=x.validationErrorText,T=void 0===j?"Invalid numeric value":j,F=x.isDisplayOnly,A=void 0!==F&&F,B=x.backgroundColor,S=x.textAlign,_=void 0===S?"left":S,I=x.textColor,M=void 0===I?"inherit":I,R=x.fontSize,L=void 0===R?"16px":R,k=x.fontFamily,W=void 0===k?"inherit":k,q=x.fontWeight,w=void 0===q?"normal":q,O=x.borderColor,z=x.marginLeft,P=void 0===z?"0":z,V=x.marginTop,D=void 0===V?"0":V,E=x.marginRight,H=void 0===E?"0":E,U=x.marginBottom,N=void 0===U?"0":U,$=x.paddingLeft,G=void 0===$?"0":$,J=x.paddingTop,K=void 0===J?"0":J,Q=x.paddingRight,X=void 0===Q?"0":Q,Y=x.paddingBottom,Z=void 0===Y?"0":Y,oo=x.text,to=x.placeholderText,eo=x.configurationItemInfo,io=x.name,ro=x.numericPrecision,no=void 0===ro?"1":ro,lo=x.currency,ao=x.placement,mo=void 0===ao?"left":ao,so=x.sourceDataModelField,uo=n(),po=null==uo?void 0:uo.control,co=l().localStateObject,fo=a().stateConfig,xo=co||fo,go=i(""),vo=go[0],ho=go[1],Co=!!po&&!!io,bo=so?null===(g=null==xo?void 0:xo[so])||void 0===g?void 0:g.value:void 0;r((function(){void 0!==bo&&(Co?null==uo||uo.setValue(io,bo):ho(String(null!=bo?bo:"")))}),[bo,Co,io]);var yo=Number.isFinite(+no)&&+no>0?+no:1,jo=lo?null!==(v=f.exports(lo.toUpperCase()))&&void 0!==v?v:lo.toUpperCase():"",To={required:!!C&&y,pattern:{value:/^-?\d+(?:\.\d+)?$/,message:T}},Fo={backgroundColor:B,color:M,fontSize:L,fontFamily:W,fontWeight:w,"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:O},"&:hover fieldset":{borderColor:O},"&.Mui-focused fieldset":{borderColor:O},"&.Mui-disabled fieldset":{borderColor:O}},"& .MuiOutlinedInput-input":{textAlign:_,paddingLeft:G,paddingTop:K,paddingRight:X,paddingBottom:Z}},Ao={color:M,"&.Mui-focused":{color:M}},Bo={marginLeft:P,marginTop:D,marginRight:H,marginBottom:N,display:"inline-flex",flexDirection:"column",width:"fit-content"},So=jo?t("span",o({style:{color:M,fontWeight:w}},{children:jo})):null;if(A){var _o=Co?uo.watch(io):bo,Io=null!=_o?_o:"-";return e(u,o({sx:Bo},eo,{children:[oo&&t(m,o({sx:{fontSize:L,fontFamily:W,fontWeight:w,color:M,marginLeft:0}},{children:oo})),t(s,o({sx:{fontSize:L,fontFamily:W,fontWeight:w,color:M,backgroundColor:B,paddingLeft:G,paddingTop:K,paddingRight:X,paddingBottom:Z,border:"1px solid ".concat(O||"#ccc"),borderRadius:"4px",minWidth:"100px"}},{children:"left"===mo?"".concat(jo).concat(Io):"".concat(Io).concat(jo)}))]}))}var Mo=function(e,i){return t(c,o({type:"number",label:oo,required:C,placeholder:to,variant:"outlined",sx:Bo,inputProps:{step:yo},slotProps:{input:{sx:o(o({},Fo),{width:"auto"}),style:{textAlign:_}},inputLabel:{sx:Ao}},InputProps:{startAdornment:"left"===mo&&So?t(p,o({position:"start"},{children:So})):void 0,endAdornment:"right"===mo&&So?t(p,o({position:"end"},{children:So})):void 0},error:!!i,helperText:i||null},e,eo))};return Co?t(d,{name:io,rules:To,control:po,defaultValue:"",render:function(o){var t,e=o.field,i=o.fieldState;return Mo(e,null===(t=i.error)||void 0===t?void 0:t.message)}}):Mo({value:vo,onChange:function(o){return ho(o.target.value)}})};export{x as CurrencyInputField};
|
2
2
|
//# sourceMappingURL=CurrencyInputField.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CurrencyInputField.js","sources":["../../../../../src/molecules/CurrencyInputtField/CurrencyInputField.tsx"],"sourcesContent":[null],"names":["CurrencyInputField","_a","
|
1
|
+
{"version":3,"file":"CurrencyInputField.js","sources":["../../../../../src/molecules/CurrencyInputtField/CurrencyInputField.tsx"],"sourcesContent":[null],"names":["CurrencyInputField","_a","_d","required","_e","requiredErrorText","_f","validationErrorText","_g","isDisplayOnly","backgroundColor","_h","textAlign","_j","textColor","_k","fontSize","_l","fontFamily","_m","fontWeight","borderColor","_o","marginLeft","_p","marginTop","_q","marginRight","_r","marginBottom","_s","paddingLeft","_t","paddingTop","_u","paddingRight","_v","paddingBottom","text","placeholderText","configurationItemInfo","name","_w","numericPrecision","currency","_x","placement","sourceDataModelField","methods","useFormContext","control","localStateObject","useOrganismContext","stateConfig","useStateContext","stateObject","_y","useState","localValue","setLocalValue","isInFormContext","dataModelFieldValue","_b","value","undefined","useEffect","setValue","String","stepValue","Number","isFinite","currencySymbol","_c","getSymbolFromCurrency","toUpperCase","rules","pattern","message","inputSx","color","labelSx","mainSx","display","flexDirection","width","adornment","_jsx","__assign","style","children","watch","shown","_jsxs","Box","sx","FormHelperText","Typography","border","concat","borderRadius","minWidth","renderTextField","fieldProps","errorMsg","MuiTextField","type","label","placeholder","variant","inputProps","step","slotProps","input","inputLabel","InputProps","startAdornment","InputAdornment","position","endAdornment","error","helperText","Controller","defaultValue","render","field","fieldState","onChange","e","target"],"mappings":"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"}
|
@@ -26,16 +26,7 @@ export interface DatePickerMoleculeProps extends MuiDatePickerProps {
|
|
26
26
|
paddingBottom?: string;
|
27
27
|
name: string;
|
28
28
|
sourceDataModelField?: string;
|
29
|
-
/**
|
30
|
-
* If true, disables the actual picker input and just displays
|
31
|
-
* the date in read-only text form.
|
32
|
-
*/
|
33
29
|
isDisplayOnly?: boolean;
|
34
|
-
/**
|
35
|
-
* Format to use when displaying date in "display only" mode
|
36
|
-
* or controlling the displayed text in the editable field.
|
37
|
-
* e.g. 'MM/dd/yyyy' or 'yyyy-MM-dd'
|
38
|
-
*/
|
39
30
|
displayFormat?: string;
|
40
31
|
}
|
41
32
|
export declare const DatePickerMolecule: React.FC<DatePickerMoleculeProps>;
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__rest as o,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as e,jsx as i,Fragment as n}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useEffect as r,useState as d}from"react";import{useFormContext as a,Controller as l}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import m from"../../node_modules/date-fns/esm/format/index.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import{useOrganismContext as
|
1
|
+
import{__rest as o,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import{jsxs as e,jsx as i,Fragment as n}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useEffect as r,useState as d}from"react";import{useFormContext as a,Controller as l}from"../../node_modules/react-hook-form/dist/index.esm.mjs.js";import m from"../../node_modules/date-fns/esm/format/index.js";import s from"../../node_modules/date-fns/esm/isValid/index.js";import"../../contexts/FormStepContext/FormStepContext.js";import"../../contexts/ButtonActionsContext/ButtonActionsContext.js";import"../../contexts/MlrRichTextViewerContext/MlrRichTextViewerContext.js";import{useOrganismContext as u}from"../../contexts/hooks/useOrganismContext.js";import{useStateContext as p}from"../../contexts/hooks/useStateContext.js";import"../../contexts/AccountButtonContext/AccountButtonContext.js";import f from"../../node_modules/@mui/material/FormHelperText/FormHelperText.js";import g from"../../node_modules/@mui/material/Typography/Typography.js";import c from"../../node_modules/@mui/material/Box/Box.js";import{DatePicker as x}from"../../node_modules/@mui/x-date-pickers/DatePicker/DatePicker.js";import h from"../../node_modules/@mui/material/TextField/TextField.js";var v=function(o){if(!o)return null;if(o instanceof Date)return isNaN(o.getTime())?null:o;if("string"==typeof o||"number"==typeof o){var t=new Date(o);return isNaN(t.getTime())?null:t}return"function"==typeof(null==o?void 0:o.toDate)?v(o.toDate()):null},C=function(o){return new Date(Date.UTC(o.getFullYear(),o.getMonth(),o.getDate()))},y=function(y){var D,T=y.required,b=void 0===T||T,F=y.moleculeId,j=y.configurationItemInfo,B=void 0===j?{}:j,M=y.text,I=y.borderColor,S=void 0===I?"#ced4da":I,R=y.fontSize,k=void 0===R?"14px":R,w=y.fontFamily,_=void 0===w?"inherit":w,L=y.fontWeight,W=void 0===L?"normal":L,z=y.textColor,O=void 0===z?"#000":z,P=y.iconColor,V=void 0===P?"#000":P,q=y.minDate,A=void 0===q?"1900-01-01":q,N=y.maxDate,H=void 0===N?"2099-12-31":N,U=y.backgroundColor,Y=y.marginLeft,E=void 0===Y?"0":Y,G=y.marginTop,J=void 0===G?"0":G,K=y.marginRight,Q=void 0===K?"0":K,X=y.marginBottom,Z=void 0===X?"0":X,$=y.paddingLeft,oo=void 0===$?"8px":$,to=y.paddingTop,eo=void 0===to?"8px":to,io=y.paddingRight,no=void 0===io?"8px":io,ro=y.paddingBottom,ao=void 0===ro?"8px":ro,lo=y.name,mo=y.placeholderText,so=y.sourceDataModelField,uo=y.isDisplayOnly,po=void 0!==uo&&uo,fo=y.displayFormat,go=void 0===fo?"yyyy-MM-dd":fo,co=o(y,["required","moleculeId","configurationItemInfo","text","borderColor","fontSize","fontFamily","fontWeight","textColor","iconColor","minDate","maxDate","backgroundColor","marginLeft","marginTop","marginRight","marginBottom","paddingLeft","paddingTop","paddingRight","paddingBottom","name","placeholderText","sourceDataModelField","isDisplayOnly","displayFormat"]),xo=a(),ho=null==xo?void 0:xo.control,vo=!!ho&&!!lo,Co=u().localStateObject,yo=p().stateConfig,Do=Co||yo,To=so?null===(D=null==Do?void 0:Do[so])||void 0===D?void 0:D.value:void 0;r((function(){void 0!==To&&vo&&xo.setValue(lo,To)}),[To,vo,xo,lo]);var bo={required:!!b&&"This field is required"};if(po){var Fo=vo?xo.watch(lo):To,jo=v(Fo),Bo=jo&&s(jo)?m(jo,go):"";return e(c,t({sx:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",marginTop:J,marginRight:Q,marginBottom:Z,marginLeft:E}},B,{children:[M&&i(f,t({sx:{fontSize:k,fontFamily:_,fontWeight:W,color:O,mb:"4px"}},{children:M})),i(g,t({id:F,sx:{backgroundColor:U,fontSize:k,fontFamily:_,fontWeight:W,color:O,paddingLeft:oo,paddingTop:eo,paddingRight:no,paddingBottom:ao,border:"1px solid ".concat(S),borderRadius:"4px",minWidth:"100px"}},{children:Bo||mo||"-"}))]}))}var Mo=t({format:go,minDate:new Date(A),maxDate:new Date(H)},co),Io={display:"inline-flex",flexDirection:"column",alignItems:"flex-start",marginTop:J,marginRight:Q,marginBottom:Z,marginLeft:E};if(vo)return i(c,t({sx:Io},B,{children:i(l,{name:lo,rules:bo,control:ho,defaultValue:null,render:function(o){var r=o.field,d=r.onChange,a=r.value,l=o.fieldState;return e(n,{children:[i(x,t({},Mo,{value:a,onChange:function(o){return d(o?C(o):o)},slots:{textField:h},slotProps:{textField:{id:F,label:M,onMouseDown:function(o){return o.stopPropagation()},sx:{"& .MuiOutlinedInput-root":{backgroundColor:U,"& fieldset":{borderColor:S},"&:hover fieldset":{borderColor:S},"&.Mui-focused fieldset":{borderColor:S}},"& .MuiInputBase-input":{paddingTop:eo,paddingRight:no,paddingBottom:ao,paddingLeft:oo,fontSize:k,fontFamily:_,fontWeight:W,color:O},"& .MuiSvgIcon-root":{color:V},width:"auto"}}}})),l.error&&i(f,t({error:!0,sx:{mt:"4px",ml:"14px"}},{children:l.error.message}))]})}})}));var So=d(null),Ro=So[0],ko=So[1];return i(c,t({sx:Io},B,{children:i(x,t({},Mo,{value:Ro,onChange:function(o){return ko(o?C(o):o)},slots:{textField:h},slotProps:{textField:{id:F,label:M,onMouseDown:function(o){return o.stopPropagation()},sx:{"& .MuiOutlinedInput-root":{backgroundColor:U,"& fieldset":{borderColor:S},"&:hover fieldset":{borderColor:S},"&.Mui-focused fieldset":{borderColor:S}},"& .MuiInputBase-input":{paddingTop:eo,paddingRight:no,paddingBottom:ao,paddingLeft:oo,fontSize:k,fontFamily:_,fontWeight:W,color:O},"& .MuiSvgIcon-root":{color:V},width:"auto"}}}}))}))};export{y as DatePickerMolecule};
|
2
2
|
//# sourceMappingURL=DatePicker.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":["../../../../../src/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":[null],"names":["
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":["../../../../../src/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":[null],"names":["toDate","val","Date","isNaN","getTime","d","toUtcMidnight","UTC","getFullYear","getMonth","getDate","DatePickerMolecule","_a","_c","required","moleculeId","_d","configurationItemInfo","text","_e","borderColor","_f","fontSize","_g","fontFamily","_h","fontWeight","_j","textColor","_k","iconColor","_l","minDate","_m","maxDate","backgroundColor","_o","marginLeft","_p","marginTop","_q","marginRight","_r","marginBottom","_s","paddingLeft","_t","paddingTop","_u","paddingRight","_v","paddingBottom","name","placeholderText","sourceDataModelField","_w","isDisplayOnly","_x","displayFormat","muiProps","__rest","methods","useFormContext","control","inForm","localStateObject","useOrganismContext","stateConfig","useStateContext","stateObj","modelValue","_b","value","undefined","useEffect","setValue","rules","raw","watch","date","formatted","isValidDate","dateFnsFormat","_jsxs","Box","__assign","sx","display","flexDirection","alignItems","children","_jsx","FormHelperText","color","mb","Typography","id","border","concat","borderRadius","minWidth","datePickerProps","format","commonBoxSx","Controller","defaultValue","render","field","onChange","fieldState","MuiDatePicker","slots","textField","TextField","slotProps","label","onMouseDown","e","stopPropagation","width","error","mt","ml","message","_y","useState","localValue","setLocalValue"],"mappings":"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"}
|
@@ -1,6 +1,12 @@
|
|
1
1
|
import { DatePickerMoleculeProps } from './DatePicker';
|
2
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
3
3
|
export default _default;
|
4
|
-
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerMoleculeProps
|
5
|
-
|
6
|
-
|
4
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerMoleculeProps & {
|
5
|
+
sourceDataModelFieldValue?: string | undefined;
|
6
|
+
}>;
|
7
|
+
export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerMoleculeProps & {
|
8
|
+
sourceDataModelFieldValue?: string | undefined;
|
9
|
+
}>;
|
10
|
+
export declare const CustomFormat: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerMoleculeProps & {
|
11
|
+
sourceDataModelFieldValue?: string | undefined;
|
12
|
+
}>;
|
package/dist/index.d.ts
CHANGED
@@ -1298,16 +1298,7 @@ interface DatePickerMoleculeProps extends DatePickerProps {
|
|
1298
1298
|
paddingBottom?: string;
|
1299
1299
|
name: string;
|
1300
1300
|
sourceDataModelField?: string;
|
1301
|
-
/**
|
1302
|
-
* If true, disables the actual picker input and just displays
|
1303
|
-
* the date in read-only text form.
|
1304
|
-
*/
|
1305
1301
|
isDisplayOnly?: boolean;
|
1306
|
-
/**
|
1307
|
-
* Format to use when displaying date in "display only" mode
|
1308
|
-
* or controlling the displayed text in the editable field.
|
1309
|
-
* e.g. 'MM/dd/yyyy' or 'yyyy-MM-dd'
|
1310
|
-
*/
|
1311
1302
|
displayFormat?: string;
|
1312
1303
|
}
|
1313
1304
|
declare const DatePickerMolecule: react__default.FC<DatePickerMoleculeProps>;
|