@formio/js 5.0.0-rc.5

package/lib/cjs/components/datetime/editForm/DateTime.edit.validation.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = [
+    {
+        type: 'checkbox',
+        input: true,
+        key: 'enableMinDateInput',
+        label: 'Use Input to add moment.js for minDate',
+        persistent: false,
+        weight: 10,
+        tooltip: 'Enables to use input for moment functions instead of calendar.'
+    },
+    {
+        type: 'datetime',
+        input: true,
+        key: 'datePicker.minDate',
+        label: 'Use calendar to set minDate',
+        skipMerge: true,
+        weight: 10,
+        tooltip: 'Enables to use calendar to set date.',
+        customConditional({ data, component }) {
+            if (component.datePicker && component.datePicker.minDate && component.datePicker.minDate.indexOf('moment') !== -1) {
+                return false;
+            }
+            return !data.enableMinDateInput;
+        },
+    },
+    {
+        type: 'textfield',
+        input: true,
+        enableTime: false,
+        key: 'datePicker.minDate',
+        skipMerge: true,
+        label: 'Minimum Date',
+        weight: 10,
+        tooltip: 'The minimum date that can be picked. You can also use Moment.js functions. For example: \n \n moment().subtract(10, \'days\')',
+        customConditional({ data, component }) {
+            if (component.datePicker && component.datePicker.minDate && component.datePicker.minDate.indexOf('moment') !== -1) {
+                return true;
+            }
+            return data.enableMinDateInput;
+        },
+    },
+    {
+        type: 'checkbox',
+        input: true,
+        key: 'enableMaxDateInput',
+        label: 'Use Input to add moment.js for maxDate',
+        persistent: false,
+        weight: 20,
+        tooltip: 'Enables to use input for moment functions instead of calendar.'
+    },
+    {
+        type: 'datetime',
+        input: true,
+        key: 'datePicker.maxDate',
+        skipMerge: true,
+        label: 'Use calendar to set maxDate',
+        weight: 20,
+        tooltip: 'Enables to use calendar to set date.',
+        customConditional({ data, component }) {
+            if (component.datePicker && component.datePicker.maxDate && component.datePicker.maxDate.indexOf('moment') !== -1) {
+                return false;
+            }
+            return !data.enableMaxDateInput;
+        },
+    },
+    {
+        type: 'textfield',
+        input: true,
+        enableTime: false,
+        key: 'datePicker.maxDate',
+        skipMerge: true,
+        label: 'Maximum Date',
+        tooltip: 'The maximum date that can be picked. You can also use Moment.js functions. For example: \n \n moment().add(10, \'days\')',
+        weight: 20,
+        customConditional({ data, component }) {
+            if (component.datePicker && component.datePicker.maxDate && component.datePicker.maxDate.indexOf('moment') !== -1) {
+                return true;
+            }
+            return data.enableMaxDateInput;
+        },
+    }
+];

package/lib/cjs/components/datetime/fixtures/comp1.d.ts

@@ -0,0 +1,45 @@
+declare namespace _default {
+    export namespace conditional {
+        const eq: string;
+        const when: null;
+        const show: string;
+    }
+    export const tags: never[];
+    export const type: string;
+    export namespace validate {
+        const custom: string;
+        const required: boolean;
+    }
+    export const persistent: boolean;
+    const _protected: boolean;
+    export { _protected as protected };
+    export namespace timePicker {
+        const arrowkeys: boolean;
+        const mousewheel: boolean;
+        const readonlyInput: boolean;
+        const showMeridian: boolean;
+        const minuteStep: number;
+        const hourStep: number;
+    }
+    export namespace datePicker {
+        const datepickerMode: string;
+        const yearRange: string;
+        const maxMode: string;
+        const minMode: string;
+        const initDate: string;
+        const startingDay: number;
+        const showWeeks: boolean;
+    }
+    const datepickerMode_1: string;
+    export { datepickerMode_1 as datepickerMode };
+    export const defaultDate: string;
+    export const enableTime: boolean;
+    export const enableDate: boolean;
+    export const format: string;
+    export const placeholder: string;
+    export const key: string;
+    export const label: string;
+    export const tableView: boolean;
+    export const input: boolean;
+}
+export default _default;

package/lib/cjs/components/datetime/fixtures/comp1.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'conditional': {
+        'eq': '',
+        'when': null,
+        'show': ''
+    },
+    'tags': [],
+    'type': 'datetime',
+    'validate': {
+        'custom': '',
+        'required': false
+    },
+    'persistent': true,
+    'protected': false,
+    'timePicker': {
+        'arrowkeys': true,
+        'mousewheel': true,
+        'readonlyInput': false,
+        'showMeridian': true,
+        'minuteStep': 1,
+        'hourStep': 1
+    },
+    'datePicker': {
+        'datepickerMode': 'day',
+        'yearRange': '20',
+        'maxMode': 'year',
+        'minMode': 'day',
+        'initDate': '',
+        'startingDay': 0,
+        'showWeeks': true
+    },
+    'datepickerMode': 'day',
+    'defaultDate': '',
+    'enableTime': true,
+    'enableDate': true,
+    'format': 'yyyy-MM-dd hh:mm a',
+    'placeholder': 'Enter the date',
+    'key': 'date',
+    'label': 'Date',
+    'tableView': true,
+    'input': true
+};

package/lib/cjs/components/datetime/fixtures/comp10.d.ts

@@ -0,0 +1,102 @@
+declare namespace _default {
+    const _id: string;
+    const title: string;
+    const name: string;
+    const path: string;
+    const type: string;
+    const display: string;
+    const tags: never[];
+    const owner: string;
+    const components: ({
+        label: string;
+        tableView: boolean;
+        datePicker: {
+            disableWeekends: boolean;
+            disableWeekdays: boolean;
+        };
+        enableMinDateInput: boolean;
+        enableMaxDateInput: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        widget: {
+            type: string;
+            displayInTimezone: string;
+            locale: string;
+            useLocaleSettings: boolean;
+            allowInput: boolean;
+            mode: string;
+            enableTime: boolean;
+            noCalendar: boolean;
+            format: string;
+            hourIncrement: number;
+            minuteIncrement: number;
+            time_24hr: boolean;
+            minDate: null;
+            disableWeekends: boolean;
+            disableWeekdays: boolean;
+            maxDate: null;
+            altInput?: undefined;
+            clickOpens?: undefined;
+            enableDate?: undefined;
+            dateFormat?: undefined;
+            saveAs?: undefined;
+        };
+        disableOnInvalid?: undefined;
+    } | {
+        label: string;
+        widget: {
+            type: string;
+            altInput: boolean;
+            allowInput: boolean;
+            clickOpens: boolean;
+            enableDate: boolean;
+            enableTime: boolean;
+            mode: string;
+            noCalendar: boolean;
+            format: string;
+            dateFormat: string;
+            useLocaleSettings: boolean;
+            hourIncrement: number;
+            minuteIncrement: number;
+            time_24hr: boolean;
+            saveAs: string;
+            displayInTimezone: string;
+            locale: string;
+            minDate?: undefined;
+            disableWeekends?: undefined;
+            disableWeekdays?: undefined;
+            maxDate?: undefined;
+        };
+        tableView: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        datePicker?: undefined;
+        enableMinDateInput?: undefined;
+        enableMaxDateInput?: undefined;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        datePicker?: undefined;
+        enableMinDateInput?: undefined;
+        enableMaxDateInput?: undefined;
+        widget?: undefined;
+    })[];
+    const settings: {};
+    const properties: {};
+    const project: string;
+    const controller: string;
+    const revisions: string;
+    const submissionRevisions: string;
+    const _vid: number;
+    const created: string;
+    const modified: string;
+    const machineName: string;
+}
+export default _default;

package/lib/cjs/components/datetime/fixtures/comp10.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    _id: '62d5264f8673caaf3e7afc14',
+    title: 'dateTime2',
+    name: 'dateTime2',
+    path: 'datetime2',
+    type: 'form',
+    display: 'form',
+    tags: [],
+    owner: '6137352490eb201aaff6e79f',
+    components: [
+        {
+            label: 'Date / Time',
+            tableView: true,
+            datePicker: { disableWeekends: false, disableWeekdays: false },
+            enableMinDateInput: false,
+            enableMaxDateInput: false,
+            key: 'dateTime',
+            type: 'datetime',
+            input: true,
+            widget: {
+                type: 'calendar',
+                displayInTimezone: 'viewer',
+                locale: 'en',
+                useLocaleSettings: false,
+                allowInput: true,
+                mode: 'single',
+                enableTime: true,
+                noCalendar: false,
+                format: 'yyyy-MM-dd hh:mm a',
+                hourIncrement: 1,
+                minuteIncrement: 1,
+                'time_24hr': false,
+                minDate: null,
+                disableWeekends: false,
+                disableWeekdays: false,
+                maxDate: null,
+            },
+        },
+        {
+            label: 'Text Field',
+            widget: {
+                type: 'calendar',
+                altInput: true,
+                allowInput: true,
+                clickOpens: true,
+                enableDate: true,
+                enableTime: true,
+                mode: 'single',
+                noCalendar: false,
+                format: 'yyyy-MM-dd hh:mm a',
+                dateFormat: 'yyyy-MM-ddTHH:mm:ssZ',
+                useLocaleSettings: false,
+                hourIncrement: 1,
+                minuteIncrement: 5,
+                'time_24hr': false,
+                saveAs: 'text',
+                displayInTimezone: 'viewer',
+                locale: 'en',
+            },
+            tableView: true,
+            key: 'textField',
+            type: 'textfield',
+            input: true,
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        },
+    ],
+    settings: {},
+    properties: {},
+    project: '61555aa912cab1f874bb17fc',
+    controller: '',
+    revisions: '',
+    submissionRevisions: '',
+    '_vid': 0,
+    created: '2022-07-18T09:22:23.287Z',
+    modified: '2022-11-14T13:40:52.276Z',
+    machineName: 'tmcogwpnxqfxgxy:dateTime2',
+};

package/lib/cjs/components/datetime/fixtures/comp11.d.ts

@@ -0,0 +1,58 @@
+declare namespace _default {
+    const title: string;
+    const name: string;
+    const path: string;
+    const type: string;
+    const display: string;
+    const components: ({
+        label: string;
+        format: string;
+        tableView: boolean;
+        datePicker: {
+            disableWeekends: boolean;
+            disableWeekdays: boolean;
+        };
+        enableTime: boolean;
+        enableMinDateInput: boolean;
+        enableMaxDateInput: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        widget: {
+            type: string;
+            displayInTimezone: string;
+            locale: string;
+            useLocaleSettings: boolean;
+            allowInput: boolean;
+            mode: string;
+            enableTime: boolean;
+            noCalendar: boolean;
+            format: string;
+            hourIncrement: number;
+            minuteIncrement: number;
+            time_24hr: boolean;
+            minDate: null;
+            disableWeekends: boolean;
+            disableWeekdays: boolean;
+            maxDate: null;
+        };
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        format?: undefined;
+        datePicker?: undefined;
+        enableTime?: undefined;
+        enableMinDateInput?: undefined;
+        enableMaxDateInput?: undefined;
+        widget?: undefined;
+    })[];
+    const created: string;
+    const modified: string;
+    const machineName: string;
+}
+export default _default;

package/lib/cjs/components/datetime/fixtures/comp11.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    title: '5628',
+    name: '5628',
+    path: '5628',
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Date / Time',
+            format: 'dd-MM-yyyy',
+            tableView: false,
+            datePicker: {
+                disableWeekends: false,
+                disableWeekdays: false,
+            },
+            enableTime: false,
+            enableMinDateInput: false,
+            enableMaxDateInput: false,
+            key: 'dateTime',
+            type: 'datetime',
+            input: true,
+            widget: {
+                type: 'calendar',
+                displayInTimezone: 'viewer',
+                locale: 'en',
+                useLocaleSettings: false,
+                allowInput: true,
+                mode: 'single',
+                enableTime: false,
+                noCalendar: false,
+                format: 'dd-MM-yyyy',
+                hourIncrement: 1,
+                minuteIncrement: 1,
+                'time_24hr': false,
+                minDate: null,
+                disableWeekends: false,
+                disableWeekdays: false,
+                maxDate: null,
+            },
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        },
+    ],
+    created: '2022-11-16T10:06:19.656Z',
+    modified: '2022-11-16T13:25:55.044Z',
+    machineName: 'aabvnyfwnstnovd:5628',
+};

package/lib/cjs/components/datetime/fixtures/comp12.d.ts

@@ -0,0 +1,57 @@
+declare namespace _default {
+    const _id: string;
+    const title: string;
+    const name: string;
+    const path: string;
+    const type: string;
+    const display: string;
+    const components: ({
+        label: string;
+        format: string;
+        tableView: boolean;
+        datePicker: {
+            disableWeekends: boolean;
+            disableWeekdays: boolean;
+        };
+        enableMinDateInput: boolean;
+        enableMaxDateInput: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        widget: {
+            type: string;
+            displayInTimezone: string;
+            locale: string;
+            useLocaleSettings: boolean;
+            allowInput: boolean;
+            mode: string;
+            enableTime: boolean;
+            noCalendar: boolean;
+            format: string;
+            hourIncrement: number;
+            minuteIncrement: number;
+            time_24hr: boolean;
+            minDate: null;
+            disableWeekends: boolean;
+            disableWeekdays: boolean;
+            maxDate: null;
+        };
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        format?: undefined;
+        datePicker?: undefined;
+        enableMinDateInput?: undefined;
+        enableMaxDateInput?: undefined;
+        widget?: undefined;
+    })[];
+    const created: string;
+    const modified: string;
+    const machineName: string;
+}
+export default _default;

package/lib/cjs/components/datetime/fixtures/comp12.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    _id: '6374b809ef6e5f56bfa91978',
+    title: 'hhhhhh',
+    name: 'hhhhhh',
+    path: 'hhhhhh',
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Date / Time',
+            format: 'MMMM/yy',
+            tableView: true,
+            datePicker: {
+                disableWeekends: false,
+                disableWeekdays: false,
+            },
+            enableMinDateInput: false,
+            enableMaxDateInput: false,
+            key: 'dateTime',
+            type: 'datetime',
+            input: true,
+            widget: {
+                type: 'calendar',
+                displayInTimezone: 'viewer',
+                locale: 'en',
+                useLocaleSettings: false,
+                allowInput: true,
+                mode: 'single',
+                enableTime: true,
+                noCalendar: false,
+                format: 'MMMM/yy',
+                hourIncrement: 1,
+                minuteIncrement: 1,
+                'time_24hr': false,
+                minDate: null,
+                disableWeekends: false,
+                disableWeekdays: false,
+                maxDate: null,
+            },
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        },
+    ],
+    created: '2022-11-16T10:14:33.808Z',
+    modified: '2022-11-18T10:18:51.790Z',
+    machineName: 'aabvnyfwnstnovd:hhhhhh',
+};

package/lib/cjs/components/datetime/fixtures/comp2.d.ts

@@ -0,0 +1,42 @@
+declare namespace _default {
+    export const type: string;
+    export namespace validate {
+        const custom: string;
+        const required: boolean;
+    }
+    export const shortcutButtons: {
+        label: string;
+        onClick: string;
+    }[];
+    export const persistent: boolean;
+    const _protected: boolean;
+    export { _protected as protected };
+    export namespace timePicker {
+        const arrowkeys: boolean;
+        const mousewheel: boolean;
+        const readonlyInput: boolean;
+        const showMeridian: boolean;
+        const minuteStep: number;
+        const hourStep: number;
+    }
+    export namespace datePicker {
+        const datepickerMode: string;
+        const yearRange: string;
+        const maxMode: string;
+        const minMode: string;
+        const initDate: string;
+        const startingDay: number;
+        const showWeeks: boolean;
+    }
+    const datepickerMode_1: string;
+    export { datepickerMode_1 as datepickerMode };
+    export const defaultDate: string;
+    export const enableTime: boolean;
+    export const enableDate: boolean;
+    export const format: string;
+    export const key: string;
+    export const label: string;
+    export const tableView: boolean;
+    export const input: boolean;
+}
+export default _default;

package/lib/cjs/components/datetime/fixtures/comp2.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    'type': 'datetime',
+    'validate': {
+        'custom': '',
+        'required': false
+    },
+    'shortcutButtons': [
+        {
+            'label': 'Today',
+            'onClick': 'date = new Date(\'2020-10-10T00:00:00\');'
+        }
+    ],
+    'persistent': true,
+    'protected': false,
+    'timePicker': {
+        'arrowkeys': true,
+        'mousewheel': true,
+        'readonlyInput': false,
+        'showMeridian': true,
+        'minuteStep': 1,
+        'hourStep': 1
+    },
+    'datePicker': {
+        'datepickerMode': 'day',
+        'yearRange': '20',
+        'maxMode': 'year',
+        'minMode': 'day',
+        'initDate': '',
+        'startingDay': 0,
+        'showWeeks': true
+    },
+    'datepickerMode': 'day',
+    'defaultDate': '',
+    'enableTime': true,
+    'enableDate': true,
+    'format': 'yyyy-MM-dd',
+    'key': 'date',
+    'label': 'Date',
+    'tableView': true,
+    'input': true
+};