@abgov/jsonforms-components 2.43.1 → 2.43.2

package/index.esm.js

@@ -1,7 +1,7 @@
 import * as runtime from 'react/jsx-runtime';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React, { createContext, useContext, useReducer, useMemo, useEffect, useCallback, useState, useRef, useLayoutEffect } from 'react';
-import { GoabFormItem, GoabInput, GoabTextArea, GoabCallout, GoabRadioGroup, GoabRadioItem, GoabCheckbox, GoabIcon, GoabGrid, GoabFormStepper, GoabFormStep, GoabPages, GoabButton, GoabModal, GoabButtonGroup, GoabBadge, GoabText, GoabTable, GoabIconButton, GoabFileUploadInput, GoabCircularProgress, GoabContainer, GoabDropdown, GoabDropdownItem, GoabDetails, GoabSpinner } from '@abgov/react-components';
+import { GoabFormItem, GoabInput, GoabTextArea, GoabCallout, GoabDatePicker, GoabRadioGroup, GoabRadioItem, GoabCheckbox, GoabIcon, GoabGrid, GoabFormStepper, GoabFormStep, GoabPages, GoabButton, GoabModal, GoabButtonGroup, GoabBadge, GoabText, GoabTable, GoabIconButton, GoabFileUploadInput, GoabCircularProgress, GoabContainer, GoabDropdown, GoabDropdownItem, GoabDetails, GoabSpinner } from '@abgov/react-components';
 import styled from 'styled-components';
 import axios from 'axios';
 import get$1 from 'lodash/get';
@@ -6739,6 +6739,7 @@ const Dropdown = props => {
         width: "100%",
         value: inputText,
         testId: `${id}-input`,
+        ariaLabel: `${id}-input`,
         id: `${id}-input`,
         readonly: !isAutoCompletion,
         onChange: detail => {
@@ -7077,8 +7078,8 @@ const GoADateInput = props => {
     const today = new Date();
     minDate = today.toISOString().split('T')[0];
   }
-  return jsx(GoabInput, Object.assign({
-    type: "date",
+  return jsx(GoabDatePicker, Object.assign({
+    type: "calendar",
     error: isVisited && errors.length > 0,
     width: width,
     name: (appliedUiSchemaOptions === null || appliedUiSchemaOptions === void 0 ? void 0 : appliedUiSchemaOptions.name) || `${id || label}-input`,
@@ -7089,12 +7090,13 @@ const GoADateInput = props => {
     min: minDate && new Date(minDate),
     max: maxDate && new Date(maxDate),
     onChange: detail => {
+      var _a;
       if (isVisited === false && setIsVisited) {
         setIsVisited();
       }
       onChangeForDateControl({
-        name: detail.name,
-        value: detail.value,
+        name: (_a = detail.name) !== null && _a !== void 0 ? _a : 'date',
+        value: detail.valueStr,
         controlProps: props
       });
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.43.1",
+  "version": "2.43.2",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",