TP-42454 | template clean up

src/components/form/components/DateInput.tsx

@@ -29,6 +29,8 @@ interface IDateInput {
   error: any;
 }
 
+const END_OF_MONTH = 'END_OF_MONTH';
+
 const DateInput: React.FC<IDateInput> = (props) => {
   const { questionId, error, sectionId, widgetId, caseId, questionType } = props;
   const caseType = useAppSelector(
@@ -61,8 +63,7 @@ const DateInput: React.FC<IDateInput> = (props) => {
   return (
     <View style={[GenericStyles.mt12]}>
       <Text dark bold>
-        {question.text}{' '}
-        {`(Enter as ${DefaultPickerModeVisibleFormatMapping[IDateTimePickerMode.DATE]} only.)`}{' '}
+        {question.text}
         {isQuestionMandatory(question) && <Text style={GenericStyles.redText}>*</Text>}
       </Text>
       <Controller
@@ -82,6 +83,7 @@ const DateInput: React.FC<IDateInput> = (props) => {
                 : null,
               [Validators.MAX_TODAY]: { ...question.metadata.validators?.[Validators.MAX_TODAY] },
               [Validators.MIN_TODAY]: { ...question.metadata.validators?.[Validators.MIN_TODAY] },
+              [Validators.MAX_DATE]: { ...question.metadata.validators?.[Validators.MAX_DATE] },
             }),
         }}
         render={({ field: { onChange, value } }) => {
@@ -104,6 +106,11 @@ const DateInput: React.FC<IDateInput> = (props) => {
               type="date"
               onChange={(text) => handleChange(text, onChange)}
               outputFormat="DD-MM-YYYY"
+              max={
+                question.metadata.validators?.[Validators.MAX_DATE]?.value === END_OF_MONTH
+                  ? new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toString()
+                  : undefined
+              }
             />
           );
         }}

src/components/form/components/TimeInput.tsx

@@ -61,8 +61,7 @@ const TimeInput: React.FC<ITimeInput> = (props) => {
   return (
     <View style={[GenericStyles.mt12]}>
       <Text dark bold>
-        {question.text}{' '}
-        {`(Enter as ${DefaultPickerModeVisibleFormatMapping[IDateTimePickerMode.TIME]} only.)`}{' '}
+        {question.text}
         {isQuestionMandatory(question) && <Text style={GenericStyles.redText}>*</Text>}
       </Text>
       <Controller

src/components/form/services/validation.service.ts

@@ -67,4 +67,5 @@ export enum Validators {
   PATTERN = 'pattern',
   MAX_TODAY = 'maxToday',
   MIN_TODAY = 'minToday',
+  MAX_DATE = 'maxDate',
 }

src/types/template.types.ts

@@ -17,7 +17,7 @@ export interface QuestionV1 {
   inputType: QuestionType;
   options: string[];
   metadata: {
-    validators: { [validationRule: string]: { value: boolean; message?: string } };
+    validators: { [validationRule: string]: { value: boolean | string; message?: string } };
     keyboardType: KeyboardType;
     [otherProperties: string]: any;
   };