Fix #4866: Calendar support mask slotChar (#4869)

primefaces · Sep 3, 2023 · 866fa2a · 866fa2a
1 parent 9849947
commit 866fa2a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/components/lib/calendar/Calendar.js b/components/lib/calendar/Calendar.js
@@ -2528,6 +2528,7 @@ export const Calendar = React.memo(
             if (props.mask) {
                 unbindMaskEvents = mask(inputRef.current, {
                     mask: props.mask,
+                    slotChar: props.maskSlotChar,
                     readOnly: props.readOnlyInput || props.disabled,
                     onChange: (e) => {
                         !ignoreMaskChange.current && updateValueOnInput(e.originalEvent, e.value);

diff --git a/components/lib/calendar/CalendarBase.js b/components/lib/calendar/CalendarBase.js
@@ -258,6 +258,7 @@ export const CalendarBase = ComponentBase.extend({
         keepInvalid: false,
         locale: null,
         mask: null,
+        maskSlotChar: '_',
         maxDate: null,
         maxDateCount: null,
         minDate: null,

diff --git a/components/lib/calendar/calendar.d.ts b/components/lib/calendar/calendar.d.ts
@@ -626,6 +626,11 @@ interface CalendarBaseProps {
      * Mask pattern for input element.
      */
     mask?: string | undefined;
+    /**
+     * Placeholder character in mask.
+     * @defaultValue _
+     */
+    maskSlotChar?: string | undefined;
     /**
      * The maximum selectable date.
      */