@formio/js 5.0.0-dev.5800.896e9df → 5.0.0-dev.5801.effff2f

package/lib/cjs/Webform.js

@@ -1098,6 +1098,9 @@ class Webform extends NestedDataComponent_1.default {
         if (!Array.isArray(errors)) {
             errors = [errors];
         }
+        if (Array.isArray(this.errors)) {
+            errors = lodash_1.default.union(errors, this.errors);
+        }
         errors = errors.concat(this.customErrors).filter((err) => !!err);
         if (!errors.length) {
             this.setAlert(false);

package/lib/cjs/components/day/Day.d.ts

@@ -97,6 +97,11 @@ export default class DayComponent extends Field {
      * @returns {null|void} - Returns null if the value is invalid, otherwise void.
      */
     setValueAt(index: number, value: any): null | void;
+    getDayWithHiddenFields(parts: any): {
+        month: any;
+        day: any;
+        year: any;
+    };
     getFieldValue(name: any): number;
     get parts(): {
         day: number;

package/lib/cjs/components/day/Day.js

@@ -344,6 +344,18 @@ class DayComponent extends Field_1.default {
         const valueParts = value.split('/');
         const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const defaultValue = this.component.defaultValue ? this.component.defaultValue.split('/') : '';
+        let defaultDay = '';
+        let defaultMonth = '';
+        let defaultYear = '';
+        if (defaultValue) {
+            const hasHiddenFields = defaultValue.length !== 3;
+            defaultDay = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).day : defaultValue[DAY];
+            defaultMonth = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).month : defaultValue[MONTH];
+            defaultYear = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).year : defaultValue[YEAR];
+        }
+        if (this.options.building && defaultValue.length === 3) {
+            return this.component.defaultValue;
+        }
         const getNextPart = (shouldTake, defaultValue) => {
             // Only push the part if it's not an empty string
             const part = shouldTake ? valueParts.shift() : defaultValue;
@@ -352,13 +364,13 @@ class DayComponent extends Field_1.default {
             }
         };
         if (this.dayFirst) {
-            getNextPart(this.showDay, defaultValue ? defaultValue[DAY] : '');
+            getNextPart(this.showDay, defaultDay);
         }
-        getNextPart(this.showMonth, defaultValue ? defaultValue[MONTH] : '');
+        getNextPart(this.showMonth, defaultMonth);
         if (!this.dayFirst) {
-            getNextPart(this.showDay, defaultValue ? defaultValue[DAY] : '');
+            getNextPart(this.showDay, defaultDay);
         }
-        getNextPart(this.showYear, defaultValue ? defaultValue[YEAR] : '');
+        getNextPart(this.showYear, defaultYear);
         return dateParts.join('/');
     }
     /**
@@ -373,16 +385,23 @@ class DayComponent extends Field_1.default {
         if (value === 'Invalid date') {
             return null;
         }
+        let day, month, year;
         const parts = value.split('/');
-        let day;
-        if (this.component.dayFirst) {
-            day = parts.shift();
+        if (parts.length !== 3) {
+            day = this.getDayWithHiddenFields(parts).day;
+            month = this.getDayWithHiddenFields(parts).month;
+            year = this.getDayWithHiddenFields(parts).year;
         }
-        const month = parts.shift();
-        if (!this.component.dayFirst) {
-            day = parts.shift();
+        else {
+            if (this.component.dayFirst) {
+                day = parts.shift();
+            }
+            month = parts.shift();
+            if (!this.component.dayFirst) {
+                day = parts.shift();
+            }
+            year = parts.shift();
         }
-        const year = parts.shift();
         if (this.refs.day && this.showDay) {
             this.refs.day.value = day === '00' ? '' : parseInt(day, 10);
         }
@@ -393,6 +412,27 @@ class DayComponent extends Field_1.default {
             this.refs.year.value = year === '0000' ? '' : parseInt(year, 10);
         }
     }
+    getDayWithHiddenFields(parts) {
+        let [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
+        if (!this.showDay) {
+            MONTH = MONTH === 0 ? 0 : MONTH - 1;
+            YEAR = YEAR - 1;
+            DAY = null;
+        }
+        if (!this.showMonth) {
+            DAY = DAY === 0 ? 0 : DAY - 1;
+            YEAR = YEAR - 1;
+            MONTH = null;
+        }
+        if (!this.showYear) {
+            YEAR = null;
+        }
+        return {
+            month: lodash_1.default.isNull(MONTH) ? '' : parts[MONTH],
+            day: lodash_1.default.isNull(DAY) ? '' : parts[DAY],
+            year: lodash_1.default.isNull(YEAR) ? '' : parts[YEAR],
+        };
+    }
     getFieldValue(name) {
         const parts = this.dataValue ? this.dataValue.split('/') : [];
         let val = 0;

package/lib/cjs/components/day/editForm/Day.edit.day.d.ts

@@ -14,6 +14,7 @@ declare const _default: ({
     input?: undefined;
     placeholder?: undefined;
     tooltip?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
@@ -25,16 +26,32 @@ declare const _default: ({
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
     label: string;
     tooltip: string;
     key: string;
+    onChange: ({ data }: {
+        data: any;
+    }) => void;
     input: boolean;
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
     placeholder?: undefined;
+} | {
+    weight: number;
+    type: string;
+    label: string;
+    tooltip: string;
+    key: string;
+    input: boolean;
+    wieght?: undefined;
+    datasrc?: undefined;
+    data?: undefined;
+    placeholder?: undefined;
+    onChange?: undefined;
 })[];
 export default _default;

package/lib/cjs/components/day/editForm/Day.edit.day.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = __importDefault(require("lodash"));
 exports.default = [
     {
         wieght: 200,
@@ -35,6 +39,21 @@ exports.default = [
         label: 'Hidden',
         tooltip: 'Hide the Day part of the component.',
         key: 'fields.day.hide',
+        onChange: ({ data }) => {
+            if (data.defaultValue) {
+                const defaultValueParts = data.defaultValue.split('/');
+                if (!data.fields.day.hide && defaultValueParts.length !== 3) {
+                    const newDefaultValue = ['00'];
+                    if (!data.fields.month.hide) {
+                        data.dayFirst ? newDefaultValue.push(defaultValueParts[0]) : newDefaultValue.unshift(defaultValueParts[0]);
+                    }
+                    if (!data.fields.year.hide) {
+                        newDefaultValue.push(defaultValueParts[1]);
+                    }
+                    lodash_1.default.set(data, 'defaultValue', newDefaultValue.join('/'));
+                }
+            }
+        },
         input: true
     },
     {

package/lib/cjs/components/day/editForm/Day.edit.month.d.ts

@@ -14,6 +14,7 @@ declare const _default: ({
     input?: undefined;
     placeholder?: undefined;
     tooltip?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
@@ -25,12 +26,16 @@ declare const _default: ({
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
     label: string;
     tooltip: string;
     key: string;
+    onChange: ({ data }: {
+        data: any;
+    }) => void;
     input: boolean;
     wieght?: undefined;
     datasrc?: undefined;

package/lib/cjs/components/day/editForm/Day.edit.month.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = __importDefault(require("lodash"));
 exports.default = [
     {
         wieght: 200,
@@ -35,6 +39,21 @@ exports.default = [
         label: 'Hidden',
         tooltip: 'Hide the Month part of the component.',
         key: 'fields.month.hide',
+        onChange: ({ data }) => {
+            if (data.defaultValue) {
+                const defaultValueParts = data.defaultValue.split('/');
+                if (!data.fields.month.hide && defaultValueParts.length !== 3) {
+                    const newDefaultValue = ['00'];
+                    if (!data.fields.day.hide) {
+                        data.dayFirst ? newDefaultValue.unshift(defaultValueParts[0]) : newDefaultValue.push(defaultValueParts[0]);
+                    }
+                    if (!data.fields.year.hide) {
+                        newDefaultValue.push(defaultValueParts[1]);
+                    }
+                    lodash_1.default.set(data, 'defaultValue', newDefaultValue.join('/'));
+                }
+            }
+        },
         input: true
     },
 ];

package/lib/cjs/components/day/editForm/Day.edit.year.d.ts

@@ -14,6 +14,7 @@ declare const _default: ({
     input?: undefined;
     placeholder?: undefined;
     tooltip?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
@@ -25,12 +26,16 @@ declare const _default: ({
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
     label: string;
     tooltip: string;
     key: string;
+    onChange: ({ data }: {
+        data: any;
+    }) => void;
     input: boolean;
     wieght?: undefined;
     datasrc?: undefined;

package/lib/cjs/components/day/editForm/Day.edit.year.js

@@ -1,5 +1,9 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = __importDefault(require("lodash"));
 exports.default = [
     {
         wieght: 200,
@@ -53,6 +57,15 @@ exports.default = [
         label: 'Hidden',
         tooltip: 'Hide the Year part of the component.',
         key: 'fields.year.hide',
+        onChange: ({ data }) => {
+            if (data.defaultValue) {
+                const defaultValueParts = data.defaultValue.split('/');
+                if (!data.fields.month.hide && defaultValueParts.length !== 3) {
+                    defaultValueParts.push('0000');
+                    lodash_1.default.set(data, 'defaultValue', defaultValueParts.join('/'));
+                }
+            }
+        },
         input: true
     },
 ];

package/lib/cjs/components/radio/Radio.js

@@ -212,7 +212,7 @@ class RadioComponent extends ListComponent_1.default {
         if (!(0, utils_1.boolValue)(setting) || !value) {
             return true;
         }
-        const values = this.component.values;
+        const values = this.component.dataSrc === 'values' ? this.component.values : this.loadedOptions;
         if (values) {
             return values.findIndex(({ value: optionValue }) => this.normalizeValue(optionValue) === value) !== -1;
         }

package/lib/cjs/components/select/Select.js

@@ -1429,6 +1429,9 @@ class SelectComponent extends ListComponent_1.default {
             case 'custom':
                 rawItems = this.getCustomItems();
                 break;
+            case 'url':
+                rawItems = this.selectItems;
+                break;
         }
         if (typeof rawItems === 'string') {
             try {
@@ -1487,7 +1490,7 @@ class SelectComponent extends ListComponent_1.default {
                 if (Array.isArray(data)) {
                     data.forEach((item) => item[valueProperty] = item[valueProperty].toString());
                 }
-                else {
+                else if (lodash_1.default.isObject(data)) {
                     data[valueProperty] = data[valueProperty].toString();
                 }
                 return data;
@@ -1522,7 +1525,7 @@ class SelectComponent extends ListComponent_1.default {
             };
             value = (this.component.multiple && Array.isArray(value))
                 ? lodash_1.default.filter(items, (item) => value.includes(item.value))
-                : valueProperty
+                : (valueProperty && items)
                     ? (_a = getFromValues()) !== null && _a !== void 0 ? _a : { value, label: value }
                     : value;
         }

package/lib/cjs/components/select/editForm/Select.edit.validation.js

@@ -26,7 +26,8 @@ exports.default = [
                     [
                         'values',
                         'json',
-                        'custom'
+                        'custom',
+                        'url'
                     ],
                 ],
             },

package/lib/cjs/components/select/fixtures/comp27.d.ts

@@ -0,0 +1,18 @@
+declare namespace _default {
+    let type: string;
+    let label: string;
+    let widget: string;
+    let tableView: boolean;
+    let dataSrc: string;
+    namespace data {
+        let custom: string;
+    }
+    let dataType: string;
+    let idPath: string;
+    let valueProperty: string;
+    let template: string;
+    let validateWhenHidden: boolean;
+    let key: string;
+    let input: boolean;
+}
+export default _default;

package/lib/cjs/components/select/fixtures/comp27.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'select',
+    label: 'Select',
+    widget: 'choicesjs',
+    tableView: true,
+    dataSrc: 'custom',
+    data: {
+        custom: 'values = data.dataSource;'
+    },
+    dataType: 'string',
+    idPath: 'name',
+    valueProperty: 'name',
+    template: '<span>{{ item.name }}</span>',
+    validateWhenHidden: false,
+    key: 'select',
+    input: true
+};

package/lib/cjs/components/select/fixtures/index.d.ts

@@ -23,5 +23,6 @@ import comp23 from './comp23';
 import comp24 from './comp24';
 import comp25 from './comp25';
 import comp26 from './comp26';
-export { comp1, comp2, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, comp21, comp22, comp23, comp24, comp25, comp26 };
+import comp27 from './comp27';
+export { comp1, comp2, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, comp21, comp22, comp23, comp24, comp25, comp26, comp27 };
 export { multiSelect, multiSelectOptions } from "./comp3";

package/lib/cjs/components/select/fixtures/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp26 = exports.comp25 = exports.comp24 = exports.comp23 = exports.comp22 = exports.comp21 = exports.comp20 = exports.comp19 = exports.comp18 = exports.comp17 = exports.comp16 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp2 = exports.comp1 = exports.multiSelectOptions = exports.multiSelect = void 0;
+exports.comp27 = exports.comp26 = exports.comp25 = exports.comp24 = exports.comp23 = exports.comp22 = exports.comp21 = exports.comp20 = exports.comp19 = exports.comp18 = exports.comp17 = exports.comp16 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp2 = exports.comp1 = exports.multiSelectOptions = exports.multiSelect = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
@@ -57,3 +57,5 @@ const comp25_1 = __importDefault(require("./comp25"));
 exports.comp25 = comp25_1.default;
 const comp26_1 = __importDefault(require("./comp26"));
 exports.comp26 = comp26_1.default;
+const comp27_1 = __importDefault(require("./comp27"));
+exports.comp27 = comp27_1.default;

package/lib/cjs/components/selectboxes/SelectBoxes.js

@@ -254,7 +254,7 @@ class SelectBoxesComponent extends Radio_1.default {
         if (!(0, utils_1.boolValue)(setting) || !value) {
             return true;
         }
-        const values = this.component.values;
+        const values = this.component.dataSrc === 'values' ? this.component.values : this.loadedOptions;
         const availableValueKeys = (values || []).map(({ value: optionValue }) => optionValue);
         const valueKeys = Object.keys(value);
         return valueKeys.every((key) => availableValueKeys.includes(key));

package/lib/mjs/Webform.js

@@ -1102,6 +1102,9 @@ export default class Webform extends NestedDataComponent {
         if (!Array.isArray(errors)) {
             errors = [errors];
         }
+        if (Array.isArray(this.errors)) {
+            errors = _.union(errors, this.errors);
+        }
         errors = errors.concat(this.customErrors).filter((err) => !!err);
         if (!errors.length) {
             this.setAlert(false);

package/lib/mjs/components/day/Day.d.ts

@@ -97,6 +97,11 @@ export default class DayComponent extends Field {
      * @returns {null|void} - Returns null if the value is invalid, otherwise void.
      */
     setValueAt(index: number, value: any): null | void;
+    getDayWithHiddenFields(parts: any): {
+        month: any;
+        day: any;
+        year: any;
+    };
     getFieldValue(name: any): number;
     get parts(): {
         day: number;

package/lib/mjs/components/day/Day.js

@@ -342,6 +342,18 @@ export default class DayComponent extends Field {
         const valueParts = value.split('/');
         const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const defaultValue = this.component.defaultValue ? this.component.defaultValue.split('/') : '';
+        let defaultDay = '';
+        let defaultMonth = '';
+        let defaultYear = '';
+        if (defaultValue) {
+            const hasHiddenFields = defaultValue.length !== 3;
+            defaultDay = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).day : defaultValue[DAY];
+            defaultMonth = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).month : defaultValue[MONTH];
+            defaultYear = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).year : defaultValue[YEAR];
+        }
+        if (this.options.building && defaultValue.length === 3) {
+            return this.component.defaultValue;
+        }
         const getNextPart = (shouldTake, defaultValue) => {
             // Only push the part if it's not an empty string
             const part = shouldTake ? valueParts.shift() : defaultValue;
@@ -350,13 +362,13 @@ export default class DayComponent extends Field {
             }
         };
         if (this.dayFirst) {
-            getNextPart(this.showDay, defaultValue ? defaultValue[DAY] : '');
+            getNextPart(this.showDay, defaultDay);
         }
-        getNextPart(this.showMonth, defaultValue ? defaultValue[MONTH] : '');
+        getNextPart(this.showMonth, defaultMonth);
         if (!this.dayFirst) {
-            getNextPart(this.showDay, defaultValue ? defaultValue[DAY] : '');
+            getNextPart(this.showDay, defaultDay);
         }
-        getNextPart(this.showYear, defaultValue ? defaultValue[YEAR] : '');
+        getNextPart(this.showYear, defaultYear);
         return dateParts.join('/');
     }
     /**
@@ -371,16 +383,23 @@ export default class DayComponent extends Field {
         if (value === 'Invalid date') {
             return null;
         }
+        let day, month, year;
         const parts = value.split('/');
-        let day;
-        if (this.component.dayFirst) {
-            day = parts.shift();
+        if (parts.length !== 3) {
+            day = this.getDayWithHiddenFields(parts).day;
+            month = this.getDayWithHiddenFields(parts).month;
+            year = this.getDayWithHiddenFields(parts).year;
         }
-        const month = parts.shift();
-        if (!this.component.dayFirst) {
-            day = parts.shift();
+        else {
+            if (this.component.dayFirst) {
+                day = parts.shift();
+            }
+            month = parts.shift();
+            if (!this.component.dayFirst) {
+                day = parts.shift();
+            }
+            year = parts.shift();
         }
-        const year = parts.shift();
         if (this.refs.day && this.showDay) {
             this.refs.day.value = day === '00' ? '' : parseInt(day, 10);
         }
@@ -391,6 +410,27 @@ export default class DayComponent extends Field {
             this.refs.year.value = year === '0000' ? '' : parseInt(year, 10);
         }
     }
+    getDayWithHiddenFields(parts) {
+        let [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
+        if (!this.showDay) {
+            MONTH = MONTH === 0 ? 0 : MONTH - 1;
+            YEAR = YEAR - 1;
+            DAY = null;
+        }
+        if (!this.showMonth) {
+            DAY = DAY === 0 ? 0 : DAY - 1;
+            YEAR = YEAR - 1;
+            MONTH = null;
+        }
+        if (!this.showYear) {
+            YEAR = null;
+        }
+        return {
+            month: _.isNull(MONTH) ? '' : parts[MONTH],
+            day: _.isNull(DAY) ? '' : parts[DAY],
+            year: _.isNull(YEAR) ? '' : parts[YEAR],
+        };
+    }
     getFieldValue(name) {
         const parts = this.dataValue ? this.dataValue.split('/') : [];
         let val = 0;

package/lib/mjs/components/day/editForm/Day.edit.day.d.ts

@@ -14,6 +14,7 @@ declare const _default: ({
     input?: undefined;
     placeholder?: undefined;
     tooltip?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
@@ -25,16 +26,32 @@ declare const _default: ({
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
     label: string;
     tooltip: string;
     key: string;
+    onChange: ({ data }: {
+        data: any;
+    }) => void;
     input: boolean;
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
     placeholder?: undefined;
+} | {
+    weight: number;
+    type: string;
+    label: string;
+    tooltip: string;
+    key: string;
+    input: boolean;
+    wieght?: undefined;
+    datasrc?: undefined;
+    data?: undefined;
+    placeholder?: undefined;
+    onChange?: undefined;
 })[];
 export default _default;

package/lib/mjs/components/day/editForm/Day.edit.day.js

@@ -1,3 +1,4 @@
+import _ from 'lodash';
 export default [
     {
         wieght: 200,
@@ -33,6 +34,21 @@ export default [
         label: 'Hidden',
         tooltip: 'Hide the Day part of the component.',
         key: 'fields.day.hide',
+        onChange: ({ data }) => {
+            if (data.defaultValue) {
+                const defaultValueParts = data.defaultValue.split('/');
+                if (!data.fields.day.hide && defaultValueParts.length !== 3) {
+                    const newDefaultValue = ['00'];
+                    if (!data.fields.month.hide) {
+                        data.dayFirst ? newDefaultValue.push(defaultValueParts[0]) : newDefaultValue.unshift(defaultValueParts[0]);
+                    }
+                    if (!data.fields.year.hide) {
+                        newDefaultValue.push(defaultValueParts[1]);
+                    }
+                    _.set(data, 'defaultValue', newDefaultValue.join('/'));
+                }
+            }
+        },
         input: true
     },
     {

package/lib/mjs/components/day/editForm/Day.edit.month.d.ts

@@ -14,6 +14,7 @@ declare const _default: ({
     input?: undefined;
     placeholder?: undefined;
     tooltip?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
@@ -25,12 +26,16 @@ declare const _default: ({
     wieght?: undefined;
     datasrc?: undefined;
     data?: undefined;
+    onChange?: undefined;
 } | {
     weight: number;
     type: string;
     label: string;
     tooltip: string;
     key: string;
+    onChange: ({ data }: {
+        data: any;
+    }) => void;
     input: boolean;
     wieght?: undefined;
     datasrc?: undefined;

package/lib/mjs/components/day/editForm/Day.edit.month.js

@@ -1,3 +1,4 @@
+import _ from 'lodash';
 export default [
     {
         wieght: 200,
@@ -33,6 +34,21 @@ export default [
         label: 'Hidden',
         tooltip: 'Hide the Month part of the component.',
         key: 'fields.month.hide',
+        onChange: ({ data }) => {
+            if (data.defaultValue) {
+                const defaultValueParts = data.defaultValue.split('/');
+                if (!data.fields.month.hide && defaultValueParts.length !== 3) {
+                    const newDefaultValue = ['00'];
+                    if (!data.fields.day.hide) {
+                        data.dayFirst ? newDefaultValue.unshift(defaultValueParts[0]) : newDefaultValue.push(defaultValueParts[0]);
+                    }
+                    if (!data.fields.year.hide) {
+                        newDefaultValue.push(defaultValueParts[1]);
+                    }
+                    _.set(data, 'defaultValue', newDefaultValue.join('/'));
+                }
+            }
+        },
         input: true
     },
 ];