@gitlab/ui 134.1.3 → 134.2.0

package/dist/components/base/form/form_date/form_date.js

@@ -100,6 +100,22 @@ var script = {
        */
       this.updateValueAsDate();
       this.$emit('change', $event);
+    },
+    onKeydown($event) {
+      /**
+       * Emitted when a key is pressed inside the date input.
+       *
+       * @event keydown
+       */
+      this.$emit('keydown', $event);
+    },
+    onBlur($event) {
+      /**
+       * Emitted when the date input loses focus.
+       *
+       * @event blur
+       */
+      this.$emit('blur', $event);
     }
   }
 };
@@ -108,7 +124,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-form-date"},[_c('gl-form-input',_vm._b({ref:"input",attrs:{"id":_vm.inputId,"aria-describedby":_vm.ariaDescribedBy,"min":_vm.min,"max":_vm.max,"pattern":"\\d{4}-\\d{2}-\\d{2}","placeholder":"yyyy-mm-dd","state":_vm.state,"type":"date"},on:{"change":_vm.onChange},model:{value:(_vm.currentValue),callback:function ($$v) {_vm.currentValue=$$v;},expression:"currentValue"}},'gl-form-input',_vm.$attrs,false)),_vm._v(" "),(_vm.outputValue)?_c('output',{ref:"output",staticClass:"gl-sr-only",attrs:{"id":_vm.outputId,"for":_vm.inputId}},[_vm._v("\n    "+_vm._s(_vm.outputValue)+"\n  ")]):_vm._e(),_vm._v(" "),(_vm.isInvalid)?_c('div',{ref:"invalidFeedback",staticClass:"invalid-feedback",attrs:{"id":_vm.invalidFeedbackId}},[(_vm.isLessThanMin)?[_vm._v("\n      "+_vm._s(_vm.minInvalidFeedback)+"\n    ")]:_vm._e(),_vm._v(" "),(_vm.isGreaterThanMax)?[_vm._v("\n      "+_vm._s(_vm.maxInvalidFeedback)+"\n    ")]:_vm._e()],2):_vm._e()],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-form-date"},[_c('gl-form-input',_vm._b({ref:"input",attrs:{"id":_vm.inputId,"aria-describedby":_vm.ariaDescribedBy,"min":_vm.min,"max":_vm.max,"pattern":"\\d{4}-\\d{2}-\\d{2}","placeholder":"yyyy-mm-dd","state":_vm.state,"type":"date"},on:{"change":_vm.onChange,"keydown":_vm.onKeydown,"blur":_vm.onBlur},model:{value:(_vm.currentValue),callback:function ($$v) {_vm.currentValue=$$v;},expression:"currentValue"}},'gl-form-input',_vm.$attrs,false)),_vm._v(" "),(_vm.outputValue)?_c('output',{ref:"output",staticClass:"gl-sr-only",attrs:{"id":_vm.outputId,"for":_vm.inputId}},[_vm._v("\n    "+_vm._s(_vm.outputValue)+"\n  ")]):_vm._e(),_vm._v(" "),(_vm.isInvalid)?_c('div',{ref:"invalidFeedback",staticClass:"invalid-feedback",attrs:{"id":_vm.invalidFeedbackId}},[(_vm.isLessThanMin)?[_vm._v("\n      "+_vm._s(_vm.minInvalidFeedback)+"\n    ")]:_vm._e(),_vm._v(" "),(_vm.isGreaterThanMax)?[_vm._v("\n      "+_vm._s(_vm.maxInvalidFeedback)+"\n    ")]:_vm._e()],2):_vm._e()],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "134.1.3",
+  "version": "134.2.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -92,7 +92,7 @@
     "chokidar": "^4.0.3",
     "sane": "^5.0.1",
     "jackspeak": "2.3.6",
-    "postcss": "8.5.14",
+    "postcss": "8.5.15",
     "json5": "2.2.3",
     "rollup-plugin-vue/@vue/component-compiler/postcss-modules-sync/generic-names/loader-utils": "3.3.1"
   },
@@ -146,17 +146,18 @@
     "gitlab-api-async-iterator": "^1.3.1",
     "glob": "11.1.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "30.3.0",
-    "jest-circus": "30.3.0",
-    "jest-environment-jsdom": "30.3.0",
+    "jest": "30.4.2",
+    "jest-circus": "30.4.2",
+    "jest-environment-jsdom": "30.4.1",
+    "jest-environment-node": "30.4.1",
     "jest-image-snapshot": "^6.5.2",
-    "merge-cobertura": "^1.0.8",
+    "merge-cobertura": "^1.0.9",
     "mockdate": "^3.0.5",
     "module-alias": "^2.3.4",
     "pikaday": "^1.8.0",
     "playwright": "^1.60.0",
     "playwright-core": "^1.60.0",
-    "postcss": "8.5.14",
+    "postcss": "8.5.15",
     "postcss-loader": "8.2.1",
     "postcss-scss": "4.0.9",
     "react": "18.3.1",
@@ -167,13 +168,13 @@
     "rollup-plugin-string": "^3.0.0",
     "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-vue": "^5.1.9",
-    "sass": "^1.99.0",
+    "sass": "^1.100.0",
     "sass-loader": "^10.5.2",
     "sass-true": "^9",
     "start-server-and-test": "^2.1.5",
     "storybook": "^7.6.24",
     "storybook-dark-mode": "4.0.2",
-    "style-dictionary": "^5.4.0",
+    "style-dictionary": "^5.4.1",
     "style-loader": "^4",
     "tailwindcss": "3.4.19",
     "vue": "2.7.16",

package/src/components/base/form/form_date/form_date.vue

@@ -101,6 +101,22 @@ export default {
       this.updateValueAsDate();
       this.$emit('change', $event);
     },
+    onKeydown($event) {
+      /**
+       * Emitted when a key is pressed inside the date input.
+       *
+       * @event keydown
+       */
+      this.$emit('keydown', $event);
+    },
+    onBlur($event) {
+      /**
+       * Emitted when the date input loses focus.
+       *
+       * @event blur
+       */
+      this.$emit('blur', $event);
+    },
   },
 };
 </script>
@@ -119,6 +135,8 @@ export default {
       :state="state"
       type="date"
       @change="onChange"
+      @keydown="onKeydown"
+      @blur="onBlur"
     />
     <output v-if="outputValue" :id="outputId" ref="output" :for="inputId" class="gl-sr-only">
       {{ outputValue }}