@dartech/arsenal-ui 1.4.58 → 1.4.59

package/index.js

@@ -2685,6 +2685,7 @@ const ControlDate = _a => {
       required,
       label,
       placeholder,
+      defaultValue,
       format: format$1 = DATE_DEFAULT_FORMAT,
       hideErrorMessage = false,
       textFieldProps = {},
@@ -2692,7 +2693,7 @@ const ControlDate = _a => {
       validate,
       validateErrorText
     } = _a,
-    datePickerProps = __rest(_a, ["control", "name", "required", "label", "placeholder", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText", "validate", "validateErrorText"]);
+    datePickerProps = __rest(_a, ["control", "name", "required", "label", "placeholder", "defaultValue", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText", "validate", "validateErrorText"]);
   const [localFormat, setLocalFormat] = useState(DATE_DEFAULT_FORMAT);
   const defaultValidate = val => {
     if (val === '' || isMatch(val, localFormat)) {
@@ -2708,6 +2709,7 @@ const ControlDate = _a => {
   } = useController({
     control,
     name,
+    defaultValue,
     rules: {
       required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
       validate: validate ? validate : defaultValidate
@@ -2769,6 +2771,8 @@ const ControlDateTime = _a => {
       name,
       required,
       label,
+      placeholder,
+      defaultValue,
       format: format$1 = DATE_TIME_DEFAULT_FORMAT,
       hideErrorMessage = false,
       textFieldProps,
@@ -2776,7 +2780,7 @@ const ControlDateTime = _a => {
       validate,
       validateErrorText
     } = _a,
-    dateTimePickerProps = __rest(_a, ["control", "name", "required", "label", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText", "validate", "validateErrorText"]);
+    dateTimePickerProps = __rest(_a, ["control", "name", "required", "label", "placeholder", "defaultValue", "format", "hideErrorMessage", "textFieldProps", "requiredErrorText", "validate", "validateErrorText"]);
   const [localFormat, setLocalFormat] = useState();
   const defaultValidate = val => {
     if (val === '' || isMatch(val, localFormat)) {
@@ -2792,6 +2796,7 @@ const ControlDateTime = _a => {
   } = useController({
     control,
     name,
+    defaultValue,
     rules: {
       required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
       validate: validate ? validate : defaultValidate
@@ -2825,7 +2830,7 @@ const ControlDateTime = _a => {
       OpenPickerIcon: DateIconComponent
     }
   }, dateTimePickerProps, {
-    renderInput: params => jsx(TextField, Object.assign({}, params, {
+    renderInput: props => jsx(TextField, Object.assign({}, props, {
       fullWidth: true,
       size: "small",
       sx: {
@@ -2833,6 +2838,9 @@ const ControlDateTime = _a => {
           color: '#D6331F'
         }
       },
+      inputProps: Object.assign(Object.assign({}, props.inputProps), {
+        placeholder: placeholder
+      }),
       variant: "outlined",
       name: name,
       error: !!error,
@@ -2854,12 +2862,14 @@ const ControlTime = _a => {
       format: format$1 = TIME_DEFAULT_FORMAT,
       hideErrorMessage = false,
       requiredErrorText = '',
-      placeholder
+      placeholder,
+      defaultValue
     } = _a,
-    timePickerProps = __rest(_a, ["control", "name", "required", "label", "textFieldProps", "format", "hideErrorMessage", "requiredErrorText", "placeholder"]);
+    timePickerProps = __rest(_a, ["control", "name", "required", "label", "textFieldProps", "format", "hideErrorMessage", "requiredErrorText", "placeholder", "defaultValue"]);
   const _b = useController({
       control,
       name,
+      defaultValue,
       rules: {
         required: required ? requiredErrorText || DEFAULT_REQUIRED_ERROR_TEXT : false,
         validate: val => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.58",
+  "version": "1.4.59",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/lib/Forms/ControlDate.d.ts

@@ -20,6 +20,7 @@ type ControlDateProps = Partial<DatePickerProps<unknown, unknown>> & {
     requiredErrorText?: string;
     validate?: Validate<any, any>;
     validateErrorText?: string;
+    defaultValue?: string;
 };
-export declare const ControlDate: ({ control, name, required, label, placeholder, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...datePickerProps }: ControlDateProps) => JSX.Element;
+export declare const ControlDate: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...datePickerProps }: ControlDateProps) => JSX.Element;
 export default ControlDate;

package/src/lib/Forms/ControlDateTime.d.ts

@@ -13,12 +13,14 @@ type dateTimePickerProps = Partial<DateTimePickerProps<unknown, unknown>> & {
     required?: boolean;
     name: string;
     label?: ReactNode;
+    placeholder?: string;
     format?: string;
     hideErrorMessage?: boolean;
     textFieldProps?: TextFieldProps;
     requiredErrorText?: string;
     validate?: Validate<any, any>;
     validateErrorText?: string;
+    defaultValue?: string;
 };
-export declare const ControlDateTime: ({ control, name, required, label, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
+export declare const ControlDateTime: ({ control, name, required, label, placeholder, defaultValue, format, hideErrorMessage, textFieldProps, requiredErrorText, validate, validateErrorText, ...dateTimePickerProps }: dateTimePickerProps) => JSX.Element;
 export default ControlDateTime;

package/src/lib/Forms/ControlTime.d.ts

@@ -18,6 +18,7 @@ type Props = Partial<TimePickerProps<unknown, unknown>> & {
     format?: string;
     hideErrorMessage?: boolean;
     requiredErrorText?: string;
+    defaultValue?: string;
 };
-export declare const ControlTime: ({ control, name, required, label, textFieldProps, format, hideErrorMessage, requiredErrorText, placeholder, ...timePickerProps }: Props) => JSX.Element;
+export declare const ControlTime: ({ control, name, required, label, textFieldProps, format, hideErrorMessage, requiredErrorText, placeholder, defaultValue, ...timePickerProps }: Props) => JSX.Element;
 export default ControlTime;