@iapps/ng-dhis2-ui 1.2.153 → 1.2.154

package/fesm2022/iapps-ng-dhis2-ui.mjs

@@ -8818,6 +8818,84 @@ class BaseFormFieldComponent extends ReactWrapperModule {
         // Stable React key, avoids generateUUID re-mounting.
         return String(option?.value ?? option?.id ?? option?.code ?? option?.label ?? '');
     }
+    formatValueForHtmlInputFromDhis(rawValue, isDateTimeField) {
+        if (rawValue == null)
+            return '';
+        const trimmed = String(rawValue).trim();
+        if (!trimmed)
+            return '';
+        const pad = (n) => String(n).padStart(2, '0');
+        if (!isDateTimeField) {
+            // Already in HTML date format
+            if (/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) {
+                return trimmed;
+            }
+            // ISO-like datetime -> preserve calendar date portion directly
+            const datePartMatch = trimmed.match(/^(\d{4}-\d{2}-\d{2})[T\s]/);
+            if (datePartMatch) {
+                return datePartMatch[1];
+            }
+            // Fallback parse only if needed
+            const date = new Date(trimmed);
+            if (Number.isNaN(date.getTime())) {
+                return '';
+            }
+            return (`${date.getFullYear()}-` +
+                `${pad(date.getMonth() + 1)}-` +
+                `${pad(date.getDate())}`);
+        }
+        // Already in HTML datetime-local format
+        if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/.test(trimmed)) {
+            return trimmed;
+        }
+        // ISO-like datetime with optional seconds/timezone -> keep YYYY-MM-DDTHH:mm only
+        const dateTimeMatch = trimmed.match(/^(\d{4}-\d{2}-\d{2})[T\s](\d{2}):(\d{2})/);
+        if (dateTimeMatch) {
+            return `${dateTimeMatch[1]}T${dateTimeMatch[2]}:${dateTimeMatch[3]}`;
+        }
+        const parsedDate = new Date(trimmed);
+        if (Number.isNaN(parsedDate.getTime())) {
+            return '';
+        }
+        const year = parsedDate.getFullYear();
+        const month = pad(parsedDate.getMonth() + 1);
+        const day = pad(parsedDate.getDate());
+        const hours = pad(parsedDate.getHours());
+        const minutes = pad(parsedDate.getMinutes());
+        return `${year}-${month}-${day}T${hours}:${minutes}`;
+    }
+    pickEarlierDateLimit(metadataMax, systemMax) {
+        if (!metadataMax && !systemMax)
+            return undefined;
+        if (!metadataMax)
+            return systemMax;
+        if (!systemMax)
+            return metadataMax;
+        return metadataMax < systemMax ? metadataMax : systemMax;
+    }
+    getNowForHtmlDateInput(isDateTimeField) {
+        const now = new Date();
+        const pad = (n) => String(n).padStart(2, '0');
+        const datePart = `${now.getFullYear()}-` +
+            `${pad(now.getMonth() + 1)}-` +
+            `${pad(now.getDate())}`;
+        if (!isDateTimeField) {
+            return datePart;
+        }
+        const timePart = `${pad(now.getHours())}:${pad(now.getMinutes())}`;
+        return `${datePart}T${timePart}`;
+    }
+    resolveHtmlMax(field, isDateTimeField) {
+        // When future dates are allowed, do not limit picker selection at all
+        if (field.allowFutureDate === true) {
+            return undefined;
+        }
+        const metadataMax = field.max
+            ? this.formatValueForHtmlInputFromDhis(String(field.max), isDateTimeField)
+            : undefined;
+        const systemMax = this.getNowForHtmlDateInput(isDateTimeField);
+        return this.pickEarlierDateLimit(metadataMax, systemMax);
+    }
     #getInputField() {
         return () => {
             const fg = this.form();
@@ -9025,18 +9103,23 @@ class BaseFormFieldComponent extends ReactWrapperModule {
                     case 'date':
                     case 'date-time': {
                         const isDateTimeField = f.type === 'date-time';
-                        const inputType = isDateTimeField ? 'datetime-local' : 'date';
-                        const htmlValue = this.formatValueForHtmlInputFromDhis(value, isDateTimeField);
-                        const htmlMin = f.min
+                        const inputType = isDateTimeField
+                            ? 'datetime-local'
+                            : 'date';
+                        const allowFutureDate = f.allowFutureDate === true;
+                        const htmlValue = value != null && String(value).trim() !== ''
+                            ? this.formatValueForHtmlInputFromDhis(String(value), isDateTimeField)
+                            : '';
+                        const htmlMin = f.min != null && String(f.min).trim() !== ''
                             ? this.formatValueForHtmlInputFromDhis(String(f.min), isDateTimeField)
                             : undefined;
-                        const metadataMax = f.max
-                            ? this.formatValueForHtmlInputFromDhis(String(f.max), isDateTimeField)
-                            : undefined;
-                        const systemMax = this.getNowForHtmlDateInput(isDateTimeField);
-                        const htmlMax = this.pickEarlierDateLimit(metadataMax, systemMax);
+                        const htmlMax = allowFutureDate
+                            ? undefined
+                            : f.max
+                                ? this.pickEarlierDateLimit(this.formatValueForHtmlInputFromDhis(String(f.max), isDateTimeField), this.getNowForHtmlDateInput(isDateTimeField))
+                                : this.getNowForHtmlDateInput(isDateTimeField);
                         return (React__default.createElement(InputField$1, { error: hasError, validationText: validationError, type: inputType, inputWidth: inputWidth, required: f.required, name: f.id, label: this.label(), min: htmlMin, max: htmlMax, placeholder: this.placeholder(), value: htmlValue, readOnly: disabled, onChange: ({ value: newValue }) => {
-                                const normalized = this.normalizeDateValueFromHtmlInput(newValue, isDateTimeField, true);
+                                const normalized = this.normalizeDateValueFromHtmlInput(newValue, isDateTimeField, allowFutureDate);
                                 onValueChange(normalized);
                             }, onBlur: () => checkValueUniqueness() }));
                     }
@@ -9085,71 +9168,20 @@ class BaseFormFieldComponent extends ReactWrapperModule {
             `${pad(date.getHours())}:` +
             `${pad(date.getMinutes())}`);
     }
-    formatValueForHtmlInputFromDhis(rawValue, isDateTimeField) {
-        if (!rawValue)
-            return '';
-        const trimmed = rawValue.trim();
-        if (!trimmed)
-            return '';
-        const pad = (n) => String(n).padStart(2, '0');
-        if (!isDateTimeField) {
-            if (/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) {
-                return trimmed;
-            }
-            const date = new Date(trimmed);
-            if (Number.isNaN(date.getTime())) {
-                return '';
-            }
-            return (`${date.getFullYear()}-` +
-                `${pad(date.getMonth() + 1)}-` +
-                `${pad(date.getDate())}`);
-        }
-        const parsedDate = new Date(trimmed);
-        if (Number.isNaN(parsedDate.getTime())) {
-            return '';
-        }
-        const year = parsedDate.getFullYear();
-        const month = pad(parsedDate.getMonth() + 1);
-        const day = pad(parsedDate.getDate());
-        const hours = pad(parsedDate.getHours());
-        const minutes = pad(parsedDate.getMinutes());
-        return `${year}-${month}-${day}T${hours}:${minutes}`;
-    }
-    getNowForHtmlDateInput(isDateTimeField) {
-        const now = new Date();
-        const pad = (n) => String(n).padStart(2, '0');
-        const datePart = `${now.getFullYear()}-` +
-            `${pad(now.getMonth() + 1)}-` +
-            `${pad(now.getDate())}`;
-        if (!isDateTimeField) {
-            return datePart;
-        }
-        const timePart = `${pad(now.getHours())}:` + `${pad(now.getMinutes())}`;
-        return `${datePart}T${timePart}`;
-    }
-    pickEarlierDateLimit(metadataMax, systemMax) {
-        if (!metadataMax && !systemMax)
-            return undefined;
-        if (!metadataMax)
-            return systemMax;
-        if (!systemMax)
-            return metadataMax;
-        return metadataMax < systemMax ? metadataMax : systemMax;
-    }
     /**
-     * Normalizes value from the HTML input into DHIS storage format.
-     *
-     * For date:
-     *   - Input: "YYYY-MM-DD"
-     *   - Output: "YYYY-MM-DD"
-     *
-     * For datetime:
-     *   - Input: "YYYY-MM-DDTHH:mm" (local)
-     *   - Output: ISO string in UTC: "YYYY-MM-DDTHH:mm:ss.sssZ"
-     *
-     * If disallowFuture = true, any value beyond "now" is clamped to now.
-     */
-    normalizeDateValueFromHtmlInput(inputValue, isDateTimeField, disallowFuture) {
+   * Normalizes value from the HTML input into DHIS storage format.
+   *
+   * For date:
+   *   - Input: "YYYY-MM-DD"
+   *   - Output: "YYYY-MM-DD"
+   *
+   * For datetime:
+   *   - Input: "YYYY-MM-DDTHH:mm" (local)
+   *   - Output: ISO string in UTC: "YYYY-MM-DDTHH:mm:ss.sssZ"
+   *
+   * If allowFutureDate = false, any value beyond "now" is clamped to now.
+   */
+    normalizeDateValueFromHtmlInput(inputValue, isDateTimeField, allowFutureDate) {
         const trimmed = (inputValue ?? '').trim();
         if (!trimmed)
             return null;
@@ -9157,7 +9189,7 @@ class BaseFormFieldComponent extends ReactWrapperModule {
             if (!/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) {
                 return null;
             }
-            if (disallowFuture) {
+            if (!allowFutureDate) {
                 const todayStr = this.getNowForHtmlDateInput(false);
                 if (trimmed > todayStr) {
                     return todayStr;
@@ -9175,13 +9207,10 @@ class BaseFormFieldComponent extends ReactWrapperModule {
         if (Number.isNaN(localDate.getTime())) {
             return null;
         }
-        if (disallowFuture) {
+        if (!allowFutureDate) {
             const now = new Date();
             if (localDate.getTime() > now.getTime()) {
-                // Option A: clamp to now
                 return now.toISOString();
-                // Option B: reject:
-                // return null;
             }
         }
         // Store as UTC ISO string with millis, e.g. "2025-11-26T21:01:00.000Z"
@@ -10219,6 +10248,7 @@ class FormFieldGroup {
                 controlType: FieldUtil.getFieldControlType(fieldMetaData['valueType'], hasOptions),
                 metaType: fieldMetaData['metaType'],
                 stepId: fieldMetaData['stepId'],
+                allowFutureDate: fieldMetaData['allowFutureDate'],
                 extension,
             });
         })
@@ -10804,6 +10834,7 @@ class FormUtil {
                 min: field.min,
                 max: field.max,
                 maxLength: field.maxLength,
+                allowFutureDate: field.allowFutureDate,
             });
         });
     }
@@ -11921,6 +11952,8 @@ class ProgramEntryFormFieldUtil {
                 controlType: FieldUtil.getFieldControlType(field.valueType, hasOptions),
                 metaType: field.metaType,
                 stepId: field.stepId,
+                allowFutureDate: field
+                    .allowFutureDate,
                 extension,
             });
         })
@@ -11957,334 +11990,6 @@ class ProgramStageEntryFormSection {
     }
 }
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-// // // Copyright 2025 UDSM DHIS2 Lab. All rights reserved.
-// // // Use of this source code is governed by a BSD-style
-// // // license that can be found in the LICENSE file.
-// import { camelCase, isUndefined } from 'lodash';
-// import { Program, ProgramStage, ProgramStageSection } from '@iapps/d2-web-sdk';
-// import {
-//   IProgramStageEntryFormSection,
-//   ProgramStageEntryFormSection,
-// } from '../models/program-stage-entry-form-section.model';
-// import { ProgramEntryFormConfig } from '../models/program-entry-form.config';
-// import { IFormField } from '../../form/interfaces/form-field.interface';
-// import { FieldDropdown } from '../../form/models/field-dropdown.model';
-// import { FormField } from '../../form/models/form-field.model';
-// import { FieldUtil } from '../../form/utils';
-// import { ProgramEntryFormFieldUtil } from './program-entry-form-field.util';
-// // import {
-// //   IProgramStageEntryFormSection,
-// //   ProgramEntryFormConfig,
-// //   ProgramStageEntryFormSection,
-// // } from '../models';
-// // TODO: START - DEPRECATED APPROACH
-// // import { Program, ProgramStage, ProgramStageSection } from '@iapps/d2-web-sdk';
-// // import {
-// //   IProgramStageEntryFormSection,
-// //   ProgramEntryFormConfig,
-// //   ProgramStageEntryFormSection,
-// // } from '../models';
-// // export class ProgramStageEntryFormSectionUtil {
-// //   constructor(
-// //     private program: Program,
-// //     private config: ProgramEntryFormConfig
-// //   ) {}
-// //   // get getProgramStageSections(): IProgramStageEntryFormSection[] {
-// //   //   return (this.program.programStages || []).flatMap((stage) =>
-// //   //     (stage.programStageSections || []).map(
-// //   //       (programStageSection: ProgramStageSection) =>
-// //   //         new ProgramStageSection(programStageSection)
-// //   //     )
-// //   //   );
-// //   // }
-// //   get programStageEntryFormSections(): IProgramStageEntryFormSection[] {
-// //     return (this.program.programStages || []).flatMap((stage: ProgramStage) =>
-// //       (stage.programStageSections || []).map(
-// //         (section: ProgramStageSection) =>
-// //           new ProgramStageEntryFormSection({
-// //             id: section.id,
-// //             name: section.displayName,
-// //             description: '',
-// //             formFields: fieldsForSection(stage, section),
-// //             orientation: 'HORIZONTAL',
-// //           })
-// //       )
-// //     );
-// //   }
-// // }
-// // TODO: END - DEPRECATED APPROACH
-// // export class ProgramStageEntryFormSectionUtil {
-// //   constructor(
-// //     private program: Program,
-// //     private config: ProgramEntryFormConfig
-// //   ) {}
-// //   get programStageEntryFormSections(): IProgramStageEntryFormSection[] {
-// //     const stageId = this.#getStageIdFromConfig();
-// //     if (!stageId) return [];
-// //     const programStage = this.#findStageById(stageId);
-// //     if (!programStage) return [];
-// //     return (programStage.programStageSections || []).map(
-// //       (section: ProgramStageSection) =>
-// //         new ProgramStageEntryFormSection({
-// //           id: section.id,
-// //           name: section.displayName,
-// //           description: section?.description,
-// //           formFields: this.#mapSectionToFormFields(programStage, section),
-// //           orientation: 'HORIZONTAL',
-// //         })
-// //     );
-// //   }
-// //   #getStageIdFromConfig(): string | null {
-// //     const programStageRef: any = (this.config as any)?.programStage;
-// //     if (!programStageRef) return null;
-// //     if (typeof programStageRef === 'string' && programStageRef.trim()) {
-// //       return programStageRef.trim();
-// //     }
-// //     const candidateId =
-// //       programStageRef.id ??
-// //       programStageRef.stageId ??
-// //       programStageRef.programStageId ??
-// //       programStageRef.value?.id ??
-// //       null;
-// //     return typeof candidateId === 'string' && candidateId.trim()
-// //       ? candidateId.trim()
-// //       : null;
-// //   }
-// //   #findStageById(stageId: string): ProgramStage | null {
-// //     return (
-// //       (this.program.programStages || []).find(
-// //         (stage: ProgramStage) => (stage as any)?.id === stageId
-// //       ) ?? null
-// //     );
-// //   }
-// //   #mapSectionToFormFields(
-// //     stage: ProgramStage,
-// //     section: ProgramStageSection
-// //   ): IFormField<string>[] {
-// //     const stageDataElements: any[] =
-// //       (stage as any).programStageDataElements || [];
-// //     const sectionElementIds: string[] =
-// //       (section as any).dataElements?.map((d: { id: string }) => d.id) ??
-// //       (section as any).dataElementsIds ??
-// //       [];
-// //     const relevantStageElements = sectionElementIds.length
-// //       ? stageDataElements.filter((pde) =>
-// //           sectionElementIds.includes(pde?.dataElement?.id)
-// //         )
-// //       : stageDataElements;
-// //     const mappedFields = relevantStageElements
-// //       .map((pde) => this.#mapDataElementToFormField(pde, stage.id))
-// //       .filter((field): field is IFormField<string> => field != null)
-// //       .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-// //     const extraReportFields = (this as any)?.reportFields ?? [];
-// //     return [...extraReportFields, ...mappedFields];
-// //   }
-// //   #mapDataElementToFormField(
-// //     pde: any,
-// //     stageId: string
-// //   ): IFormField<string> | null {
-// //     const dataElement = pde?.dataElement;
-// //     if (!dataElement?.id) return null;
-// //     const baseField = {
-// //       id: dataElement.id,
-// //       code: dataElement.code,
-// //       formName: dataElement.formName,
-// //       name: dataElement.displayName,
-// //       mandatory: !!pde.compulsory,
-// //       valueType: dataElement.valueType,
-// //       sortOrder: pde.sortOrder,
-// //       stepId: stageId,
-// //       optionSet: dataElement.optionSet,
-// //     };
-// //     const options = FieldDropdown.getDropdownOptions(baseField);
-// //     const hasOptions = options?.length > 0;
-// //     const fieldExtension = this.config.formFieldExtensions?.find(
-// //       (fx: any) => fx?.id === baseField.id
-// //     );
-// //     const autoAssignedValue = this.#getAutoAssignedValue(baseField);
-// //     if (
-// //       !isUndefined(autoAssignedValue) &&
-// //       this.config.hideCustomAssignedFields
-// //     ) {
-// //       return null;
-// //     }
-// //     return new FormField<string>({
-// //       ...baseField,
-// //       label: baseField.formName || baseField.name,
-// //       key: baseField.code ? camelCase(baseField.code) : baseField.id,
-// //       required: baseField.mandatory,
-// //       type: FieldUtil.getFieldType(baseField.valueType),
-// //       options,
-// //       disabled: this.#getDisabledStatus(baseField),
-// //       order: baseField.sortOrder,
-// //       hasOptions,
-// //       controlType: FieldUtil.getFieldControlType(
-// //         baseField.valueType,
-// //         hasOptions
-// //       ),
-// //       extension: fieldExtension,
-// //     });
-// //   }
-// //   #getAutoAssignedValue(field: any): unknown {
-// //     const impl = (this as any)?.['#getAutoAssignedValue'];
-// //     return typeof impl === 'function' ? impl.call(this, field) : undefined;
-// //   }
-// //   #getDisabledStatus(field: any): boolean {
-// //     const impl = (this as any)?.['#getDisabledStatus'];
-// //     return typeof impl === 'function' ? impl.call(this, field) : false;
-// //   }
-// // }
-// export class ProgramStageEntryFormSectionUtil {
-//   private readonly fieldUtil: ProgramEntryFormFieldUtil;
-//   constructor(
-//     private readonly program: Program,
-//     private readonly config: ProgramEntryFormConfig
-//   ) {
-//     this.fieldUtil = new ProgramEntryFormFieldUtil(program, config);
-//   }
-//   get programStageEntryFormSections(): IProgramStageEntryFormSection[] {
-//     const stageId = this.#getStageIdFromConfig();
-//     if (!stageId || !this.program) {
-//       return [];
-//     }
-//     const programStage = this.#findStageById(stageId);
-//     if (!programStage) {
-//       return [];
-//     }
-//     const sections: IProgramStageEntryFormSection[] = [];
-//     const basicDetailsFields = this.fieldUtil.eventReportFields;
-//     if (basicDetailsFields?.length) {
-//       sections.push(
-//         new ProgramStageEntryFormSection({
-//           id: `${programStage.id}_basic_information`,
-//           name: 'Basic Information',
-//           description: '',
-//           formFields: basicDetailsFields,
-//           orientation: 'VERTICAL',
-//         })
-//       );
-//     }
-//     const stageSections = programStage.programStageSections ?? [];
-//     for (const section of stageSections) {
-//       const sectionFormFields = this.#mapSectionToFormFields(
-//         programStage,
-//         section
-//       );
-//       if (!sectionFormFields.length) {
-//         continue;
-//       }
-//       sections.push(
-//         new ProgramStageEntryFormSection({
-//           id: section.id,
-//           name: section.displayName,
-//           description: section?.description,
-//           formFields: sectionFormFields,
-//           orientation: 'HORIZONTAL',
-//         })
-//       );
-//     }
-//     return sections;
-//   }
-//   #getStageIdFromConfig(): string | null {
-//     const programStageRef: any = (this.config as any)?.programStage;
-//     if (!programStageRef) return null;
-//     if (typeof programStageRef === 'string' && programStageRef.trim()) {
-//       return programStageRef.trim();
-//     }
-//     const candidateId =
-//       programStageRef.id ??
-//       programStageRef.stageId ??
-//       programStageRef.programStageId ??
-//       programStageRef.value?.id ??
-//       null;
-//     return typeof candidateId === 'string' && candidateId.trim()
-//       ? candidateId.trim()
-//       : null;
-//   }
-//   #findStageById(stageId: string): ProgramStage | null {
-//     return (
-//       (this.program.programStages || []).find(
-//         (stage: ProgramStage) => (stage as any)?.id === stageId
-//       ) ?? null
-//     );
-//   }
-//   #mapSectionToFormFields(
-//     stage: ProgramStage,
-//     section: ProgramStageSection
-//   ): IFormField<string>[] {
-//     const stageDataElements: any[] =
-//       (stage as any).programStageDataElements || [];
-//     const sectionElementIds: string[] =
-//       (section as any).dataElements?.map((d: { id: string }) => d.id) ??
-//       (section as any).dataElementsIds ??
-//       [];
-//     const relevantStageElements = sectionElementIds.length
-//       ? stageDataElements.filter((pde) =>
-//           sectionElementIds.includes(pde?.dataElement?.id)
-//         )
-//       : stageDataElements;
-//     const mappedFields = relevantStageElements
-//       .map((pde) => this.#mapDataElementToFormField(pde, stage.id))
-//       .filter((field): field is IFormField<string> => field != null)
-//       .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-//     return mappedFields;
-//   }
-//   #mapDataElementToFormField(
-//     pde: any,
-//     stageId: string
-//   ): IFormField<string> | null {
-//     const dataElement = pde?.dataElement;
-//     if (!dataElement?.id) return null;
-//     const baseField = {
-//       id: dataElement.id,
-//       code: dataElement.code,
-//       formName: dataElement.formName,
-//       name: dataElement.displayName,
-//       mandatory: !!pde.compulsory,
-//       valueType: dataElement.valueType,
-//       sortOrder: pde.sortOrder,
-//       stepId: stageId,
-//       optionSet: dataElement.optionSet,
-//     };
-//     const options = FieldDropdown.getDropdownOptions(baseField);
-//     const hasOptions = options?.length > 0;
-//     const fieldExtension = this.config.formFieldExtensions?.find(
-//       (fx: any) => fx?.id === baseField.id
-//     );
-//     const autoAssignedValue = this.#getAutoAssignedValue(baseField);
-//     if (
-//       !isUndefined(autoAssignedValue) &&
-//       this.config.hideCustomAssignedFields
-//     ) {
-//       return null;
-//     }
-//     return new FormField<string>({
-//       ...baseField,
-//       label: baseField.formName || baseField.name,
-//       key: baseField.code ? camelCase(baseField.code) : baseField.id,
-//       required: baseField.mandatory,
-//       type: FieldUtil.getFieldType(baseField.valueType),
-//       options,
-//       disabled: this.#getDisabledStatus(baseField),
-//       order: baseField.sortOrder,
-//       hasOptions,
-//       controlType: FieldUtil.getFieldControlType(
-//         baseField.valueType,
-//         hasOptions
-//       ),
-//       extension: fieldExtension,
-//     });
-//   }
-//   #getAutoAssignedValue(field: any): unknown {
-//     const impl = (this as any)?.['#getAutoAssignedValue'];
-//     return typeof impl === 'function' ? impl.call(this, field) : undefined;
-//   }
-//   #getDisabledStatus(field: any): boolean {
-//     const impl = (this as any)?.['#getDisabledStatus'];
-//     return typeof impl === 'function' ? impl.call(this, field) : false;
-//   }
-// }
 class ProgramStageEntryFormSectionUtil {
     #sortedCanonicalStageFieldsCache = null;
     constructor(program, config) {
@@ -12397,6 +12102,7 @@ class ProgramStageEntryFormSectionUtil {
             valueType: dataElementDefinition.valueType,
             sortOrder: programStageDataElement.sortOrder,
             stepId: programStageId,
+            allowFutureDate: programStageDataElement.allowFutureDate,
             optionSet: dataElementDefinition.optionSet,
         };
         const dropdownOptions = FieldDropdown.getDropdownOptions(fieldBaseConfig);