feat: specify calendar type from system settings

dhis2 · Jun 7, 2024 · 2033e7d · 2033e7d
1 parent 6f19cb6
commit 2033e7d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/data-workspace/inputs/date-input.js b/src/data-workspace/inputs/date-input.js
@@ -1,5 +1,5 @@
+import { useConfig } from '@dhis2/app-runtime'
 import { CalendarInput } from '@dhis2/ui'
-import cx from 'classnames'
 import React from 'react'
 import { useField } from 'react-final-form'
 import { useSetDataValueMutation, useUserInfo } from '../../shared/index.js'
@@ -22,6 +22,10 @@ export const DateInput = ({
         },
     } = useUserInfo()
 
+    const {
+        systemInfo: { calendar },
+    } = useConfig()
+
     const { input, meta } = useField(fieldname, {
         subscription: {
             value: true,
@@ -57,7 +61,7 @@ export const DateInput = ({
     return (
         <CalendarInput
             {...input}
-            className={cx(styles.dateInput)}
+            className={styles.dateInput}
             onFocus={(...args) => {
                 input.onFocus(...args)
                 onFocus?.(...args)
@@ -71,7 +75,7 @@ export const DateInput = ({
             disabled={disabled}
             readOnly={locked}
             date={input.value}
-            calendar={'gregory'}
+            calendar={calendar}
             onDateSelect={(date) => {
                 input.onChange(date?.calendarDateString)
             }}

diff --git a/src/data-workspace/inputs/generic-input.js b/src/data-workspace/inputs/generic-input.js
@@ -17,7 +17,6 @@ import {
 } from './validators.js'
 
 const htmlTypeAttrsByValueType = {
-    [VALUE_TYPES.DATE]: 'date',
     [VALUE_TYPES.DATETIME]: 'datetime-local',
     [VALUE_TYPES.EMAIL]: 'email',
     [VALUE_TYPES.PHONE_NUMBER]: 'tel',