Merge pull request #1045 from DTS-STN/185041-MaxLength

185041 - Year setting a max length
DTS-STN · Apr 18, 2024 · 8d95610 · 8d95610
2 parents d8545cd + 16f1ab0
commit 8d95610
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/components/Forms/DatePicker.tsx b/components/Forms/DatePicker.tsx
@@ -45,6 +45,10 @@ export const DatePicker: React.FC<DatePickerProps> = (props) => {
     const matcher = new RegExp(/[\D]/g)
     e.target.value = e.target.value.replaceAll(matcher, '')
   }
+  const maxLength = (e) => {
+    e.target.value =
+      e.target.value.length > 4 ? e.target.value.slice(0, 4) : e.target.value
+  }
 
   const monthValues = Array.from({ length: 12 }, (_, i) => (i + 1).toString())
 
@@ -55,6 +59,7 @@ export const DatePicker: React.FC<DatePickerProps> = (props) => {
 
   const _onYearChange = (e) => {
     restrictNonNumbers(e)
+    maxLength(e)
     props.onYearChange(e)
   }