primevue 4.4.0 → 4.4.1

package/datepicker/DatePicker.vue

@@ -20,7 +20,7 @@
             aria-autocomplete="none"
             aria-haspopup="dialog"
             :aria-expanded="overlayVisible"
-            :aria-controls="panelId"
+            :aria-controls="overlayVisible ? panelId : undefined"
             :aria-labelledby="ariaLabelledby"
             :aria-label="ariaLabel"
             inputmode="none"
@@ -531,29 +531,31 @@
                         </div>
                     </div>
                     <div v-if="showButtonBar" :class="cx('buttonbar')" v-bind="ptm('buttonbar')">
-                        <slot name="todaybutton" :actionCallback="(event) => onTodayButtonClick(event)" :keydownCallback="(event) => onContainerButtonKeydown(event)">
-                            <Button
-                                :label="todayLabel"
-                                @click="onTodayButtonClick($event)"
-                                :class="cx('pcTodayButton')"
-                                :unstyled="unstyled"
-                                @keydown="onContainerButtonKeydown"
-                                v-bind="todayButtonProps"
-                                :pt="ptm('pcTodayButton')"
-                                data-pc-group-section="button"
-                            />
-                        </slot>
-                        <slot name="clearbutton" :actionCallback="(event) => onClearButtonClick(event)" :keydownCallback="(event) => onContainerButtonKeydown(event)">
-                            <Button
-                                :label="clearLabel"
-                                @click="onClearButtonClick($event)"
-                                :class="cx('pcClearButton')"
-                                :unstyled="unstyled"
-                                @keydown="onContainerButtonKeydown"
-                                v-bind="clearButtonProps"
-                                :pt="ptm('pcClearButton')"
-                                data-pc-group-section="button"
-                            />
+                        <slot name="buttonbar" :todayCallback="(event) => onTodayButtonClick(event)" :clearCallback="(event) => onClearButtonClick(event)">
+                            <slot name="todaybutton" :actionCallback="(event) => onTodayButtonClick(event)" :keydownCallback="(event) => onContainerButtonKeydown(event)">
+                                <Button
+                                    :label="todayLabel"
+                                    @click="onTodayButtonClick($event)"
+                                    :class="cx('pcTodayButton')"
+                                    :unstyled="unstyled"
+                                    @keydown="onContainerButtonKeydown"
+                                    v-bind="todayButtonProps"
+                                    :pt="ptm('pcTodayButton')"
+                                    data-pc-group-section="button"
+                                />
+                            </slot>
+                            <slot name="clearbutton" :actionCallback="(event) => onClearButtonClick(event)" :keydownCallback="(event) => onContainerButtonKeydown(event)">
+                                <Button
+                                    :label="clearLabel"
+                                    @click="onClearButtonClick($event)"
+                                    :class="cx('pcClearButton')"
+                                    :unstyled="unstyled"
+                                    @keydown="onContainerButtonKeydown"
+                                    v-bind="clearButtonProps"
+                                    :pt="ptm('pcClearButton')"
+                                    data-pc-group-section="button"
+                                />
+                            </slot>
                         </slot>
                     </div>
                     <slot name="footer"></slot>
@@ -1932,7 +1934,7 @@ export default {
         },
         parseDateTime(text) {
             let date;
-            let parts = text.match(/(?:(.+?) )?(\d{2}:\d{2})(?: (am|pm))?/);
+            let parts = text.match(/(?:(.+?) )?(\d{2}:\d{2}(?::\d{2})?)(?: (am|pm))?/);
 
             if (this.timeOnly) {
                 date = new Date();

package/datepicker/index.d.ts

@@ -542,7 +542,7 @@ export interface DatePickerProps {
      * Type of the value to write back to modelValue.
      * @defaultValue date
      */
-    updateModelType: HintedString<'date' | 'string'> | undefined;
+    updateModelType?: HintedString<'date' | 'string'> | undefined;
     /**
      * When enabled, displays the datepicker as inline instead of an overlay.
      * @defaultValue false
@@ -902,9 +902,25 @@ export interface DatePickerSlots {
          */
         keydownCallback: (event: Event) => void;
     }): VNode[];
+    /**
+     * Custom buttonbar template
+     * @param {Object} scope - buttonbar slot's params.
+     */
+    buttonbar(scope: {
+        /**
+         * Today click function.
+         * @param {Event} event - Browser event
+         */
+        todayCallback: (event: Event) => void;
+        /**
+         * Clear click function.
+         * @param {Event} event - Browser event
+         */
+        clearCallback: (event: Event) => void;
+    }): VNode[];
     /**
      * Custom today button template
-     * @param {Object} scope - button slot's params.
+     * @param {Object} scope - today button slot's params.
      */
     todaybutton(scope: {
         /**
@@ -920,7 +936,7 @@ export interface DatePickerSlots {
     }): VNode[];
     /**
      * Custom clear button template
-     * @param {Object} scope - button slot's params.
+     * @param {Object} scope - clear button slot's params.
      */
     clearbutton(scope: {
         /**

package/datepicker/index.mjs

@@ -1563,7 +1563,7 @@ var script = {
     },
     parseDateTime: function parseDateTime(text) {
       var date;
-      var parts = text.match(/(?:(.+?) )?(\d{2}:\d{2})(?: (am|pm))?/);
+      var parts = text.match(/(?:(.+?) )?(\d{2}:\d{2}(?::\d{2})?)(?: (am|pm))?/);
       if (this.timeOnly) {
         date = new Date();
         this.populateTime(date, parts[2], parts[3]);
@@ -2889,7 +2889,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-autocomplete": "none",
     "aria-haspopup": "dialog",
     "aria-expanded": $data.overlayVisible,
-    "aria-controls": $options.panelId,
+    "aria-controls": $data.overlayVisible ? $options.panelId : undefined,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
     inputmode: "none",
@@ -3740,46 +3740,55 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           })], 16)) : createCommentVNode("", true)], 16, _hoisted_16)) : createCommentVNode("", true), _ctx.showButtonBar ? (openBlock(), createElementBlock("div", mergeProps({
             key: 2,
             "class": _ctx.cx('buttonbar')
-          }, _ctx.ptm('buttonbar')), [renderSlot(_ctx.$slots, "todaybutton", {
-            actionCallback: function actionCallback(event) {
+          }, _ctx.ptm('buttonbar')), [renderSlot(_ctx.$slots, "buttonbar", {
+            todayCallback: function todayCallback(event) {
               return $options.onTodayButtonClick(event);
             },
-            keydownCallback: function keydownCallback(event) {
-              return $options.onContainerButtonKeydown(event);
-            }
-          }, function () {
-            return [createVNode(_component_Button, mergeProps({
-              label: $options.todayLabel,
-              onClick: _cache[53] || (_cache[53] = function ($event) {
-                return $options.onTodayButtonClick($event);
-              }),
-              "class": _ctx.cx('pcTodayButton'),
-              unstyled: _ctx.unstyled,
-              onKeydown: $options.onContainerButtonKeydown
-            }, _ctx.todayButtonProps, {
-              pt: _ctx.ptm('pcTodayButton'),
-              "data-pc-group-section": "button"
-            }), null, 16, ["label", "class", "unstyled", "onKeydown", "pt"])];
-          }), renderSlot(_ctx.$slots, "clearbutton", {
-            actionCallback: function actionCallback(event) {
+            clearCallback: function clearCallback(event) {
               return $options.onClearButtonClick(event);
-            },
-            keydownCallback: function keydownCallback(event) {
-              return $options.onContainerButtonKeydown(event);
             }
           }, function () {
-            return [createVNode(_component_Button, mergeProps({
-              label: $options.clearLabel,
-              onClick: _cache[54] || (_cache[54] = function ($event) {
-                return $options.onClearButtonClick($event);
-              }),
-              "class": _ctx.cx('pcClearButton'),
-              unstyled: _ctx.unstyled,
-              onKeydown: $options.onContainerButtonKeydown
-            }, _ctx.clearButtonProps, {
-              pt: _ctx.ptm('pcClearButton'),
-              "data-pc-group-section": "button"
-            }), null, 16, ["label", "class", "unstyled", "onKeydown", "pt"])];
+            return [renderSlot(_ctx.$slots, "todaybutton", {
+              actionCallback: function actionCallback(event) {
+                return $options.onTodayButtonClick(event);
+              },
+              keydownCallback: function keydownCallback(event) {
+                return $options.onContainerButtonKeydown(event);
+              }
+            }, function () {
+              return [createVNode(_component_Button, mergeProps({
+                label: $options.todayLabel,
+                onClick: _cache[53] || (_cache[53] = function ($event) {
+                  return $options.onTodayButtonClick($event);
+                }),
+                "class": _ctx.cx('pcTodayButton'),
+                unstyled: _ctx.unstyled,
+                onKeydown: $options.onContainerButtonKeydown
+              }, _ctx.todayButtonProps, {
+                pt: _ctx.ptm('pcTodayButton'),
+                "data-pc-group-section": "button"
+              }), null, 16, ["label", "class", "unstyled", "onKeydown", "pt"])];
+            }), renderSlot(_ctx.$slots, "clearbutton", {
+              actionCallback: function actionCallback(event) {
+                return $options.onClearButtonClick(event);
+              },
+              keydownCallback: function keydownCallback(event) {
+                return $options.onContainerButtonKeydown(event);
+              }
+            }, function () {
+              return [createVNode(_component_Button, mergeProps({
+                label: $options.clearLabel,
+                onClick: _cache[54] || (_cache[54] = function ($event) {
+                  return $options.onClearButtonClick($event);
+                }),
+                "class": _ctx.cx('pcClearButton'),
+                unstyled: _ctx.unstyled,
+                onKeydown: $options.onContainerButtonKeydown
+              }, _ctx.clearButtonProps, {
+                pt: _ctx.ptm('pcClearButton'),
+                "data-pc-group-section": "button"
+              }), null, 16, ["label", "class", "unstyled", "onKeydown", "pt"])];
+            })];
           })], 16)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "footer")], 16, _hoisted_4)) : createCommentVNode("", true)];
         }),
         _: 3