@codecademy/gamut 68.1.3-alpha.77d8dc.0 → 68.1.3-alpha.e93e89.0

package/dist/DatePicker/DatePicker.js

@@ -131,7 +131,7 @@ export const DatePicker = props => {
       y: 0,
       onRequestClose: closeCalendar,
       children: /*#__PURE__*/_jsx("div", {
-        "aria-label": "Choose date",
+        "aria-label": contextValue.translations.calendarDialogAriaLabel,
         id: calendarDialogId,
         role: "dialog",
         children: /*#__PURE__*/_jsx(DatePickerCalendar, {

package/dist/DatePicker/DatePickerCalendar.js

@@ -119,7 +119,7 @@ export const DatePickerCalendar = ({
         })]
       })]
     }), /*#__PURE__*/_jsx(CalendarFooter, {
-      clearText: translations.clear,
+      clearText: translations.clearText,
       disabled: startOrSelectedDate === null && endDate === null,
       locale: locale,
       showClearButton: isRange,

package/dist/DatePicker/DatePickerInput.js

@@ -44,7 +44,8 @@ export const DatePickerInput = /*#__PURE__*/forwardRef(({
     openCalendar,
     locale,
     isCalendarOpen,
-    calendarDialogId
+    calendarDialogId,
+    translations
   } = context;
   const isRange = mode === 'range';
   const inputID = useId();
@@ -98,7 +99,7 @@ export const DatePickerInput = /*#__PURE__*/forwardRef(({
   const handleOpenCalendar = () => {
     openCalendar();
   };
-  const defaultLabel = isRange && rangePart === 'end' ? 'End date' : isRange ? 'Start date' : 'Date';
+  const defaultLabel = !isRange ? translations.dateLabel : rangePart === 'end' ? translations.endDateLabel : translations.startDateLabel;
   return /*#__PURE__*/_jsx(FormGroup, {
     htmlFor: inputId,
     isSoloField: true // should probaly be based on a prop

package/dist/DatePicker/translations.js

@@ -1,4 +1,8 @@
 /** Default UI strings; pass translations prop to override. */
 export const DEFAULT_DATE_PICKER_TRANSLATIONS = {
-  clear: 'Clear'
+  clearText: 'Clear',
+  dateLabel: 'Date',
+  startDateLabel: 'Start date',
+  endDateLabel: 'End date',
+  calendarDialogAriaLabel: 'Choose date'
 };

package/dist/DatePicker/types.d.ts

@@ -53,7 +53,15 @@ export type ActiveRangePart = 'start' | 'end' | null;
 /** Optional translations for DatePicker UI strings. Pass to override defaults. */
 export interface DatePickerTranslations {
     /** Label for the clear date button (default: "Clear"). */
-    clear?: string;
+    clearText?: string;
+    /** Default label for the date input in single mode (default: "Date"). */
+    dateLabel?: string;
+    /** Default label for the start date input in range mode (default: "Start date"). */
+    startDateLabel?: string;
+    /** Default label for the end date input in range mode (default: "End date"). */
+    endDateLabel?: string;
+    /** aria-label for the calendar dialog (default: "Choose date"). */
+    calendarDialogAriaLabel?: string;
 }
 /** Shared state provided by DatePicker via context. */
 export interface DatePickerBaseContextValue {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/gamut",
   "description": "Styleguide & Component library for Codecademy",
-  "version": "68.1.3-alpha.77d8dc.0",
+  "version": "68.1.3-alpha.e93e89.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@codecademy/gamut-icons": "9.57.0",
@@ -59,5 +59,5 @@
     "dist/**/[A-Z]**/[A-Z]*.js",
     "dist/**/[A-Z]**/index.js"
   ],
-  "gitHead": "2ff891f214b3edfdad6e3b31f43f024ca026e019"
+  "gitHead": "597c47b90e8bb7ebae7c00c214c0ef0887bcb8a5"
 }