rsuite 5.66.0 → 5.68.0

package/AutoComplete/styles/index.css

@@ -1325,7 +1325,6 @@ textarea.rs-input-sm {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/Button/styles/index.css

@@ -1123,7 +1123,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/Button/styles/index.less

@@ -263,7 +263,6 @@ each(@spectrum, .(@color) {
 // --------------------------------------------------
 
 .rs-btn-block {
-  display: block;
   width: 100%;
 
   // Vertically space out multiple block buttons

package/CHANGELOG.md

@@ -1,3 +1,37 @@
+# [5.68.0](https://github.com/rsuite/rsuite/compare/v5.67.0...v5.68.0) (2024-07-26)
+
+
+### Bug Fixes
+
+* **DateInput,DateRangeInput:** fix the date in the text box cannot be copied ([#3888](https://github.com/rsuite/rsuite/issues/3888)) ([1d95107](https://github.com/rsuite/rsuite/commit/1d95107d96ebe5bacb73c3fee8427efc59b1f673))
+* **Form:** fix `proxy` function in `schema-typed` not work in form ([#3863](https://github.com/rsuite/rsuite/issues/3863)) ([63c0e3a](https://github.com/rsuite/rsuite/commit/63c0e3a07a17eeb1158c75b49fb8fc3a65199e16))
+* **Stack:** fix the compatibility of spacing in Linux Firefox ([#3889](https://github.com/rsuite/rsuite/issues/3889)) ([44ed16f](https://github.com/rsuite/rsuite/commit/44ed16f7f1f41c7beda063a86588cbe9c52c6496))
+* **Whisper:** fix Whisper children not support string and other basic types ([#3893](https://github.com/rsuite/rsuite/issues/3893)) ([70fb61d](https://github.com/rsuite/rsuite/commit/70fb61da619ce0a94129eb6f02972b4ce16c5016))
+
+
+### Features
+
+* **Nav,Tabs:** add `pills` value to the appearance property ([#3890](https://github.com/rsuite/rsuite/issues/3890)) ([eae279f](https://github.com/rsuite/rsuite/commit/eae279fa5ede8c6ce2c3676585f1cc85c9644b8e))
+
+
+
+# [5.67.0](https://github.com/rsuite/rsuite/compare/v5.66.0...v5.67.0) (2024-07-19)
+
+
+### Bug Fixes
+
+* **Button:** fix the misalignment of icons and text in block buttons ([#3880](https://github.com/rsuite/rsuite/issues/3880)) ([aa4f02b](https://github.com/rsuite/rsuite/commit/aa4f02bd434f0753c85b8584e034a57a1050b7f6))
+* **NavItem:** fix NavItem cannot be used in Navbar and Sidenav ([#3882](https://github.com/rsuite/rsuite/issues/3882)) ([be6b2b1](https://github.com/rsuite/rsuite/commit/be6b2b165459afd27f06cf387df0fde73d210e94))
+* **Stack:** fix StackItem cannot be rendered correctly in server-side rendering ([#3884](https://github.com/rsuite/rsuite/issues/3884)) ([a552e35](https://github.com/rsuite/rsuite/commit/a552e357f1fd8a3043012f7de08b9369100d6fee))
+
+
+### Features
+
+* **locales:** add support for Catalan ([#3878](https://github.com/rsuite/rsuite/issues/3878)) ([c0bae4d](https://github.com/rsuite/rsuite/commit/c0bae4d2fb244ef270869ef7338c10d71165a3ef))
+* **Uploader:** add `event` parameter to `onChange` callback ([#3881](https://github.com/rsuite/rsuite/issues/3881)) ([a1c1667](https://github.com/rsuite/rsuite/commit/a1c1667e9180e278ba9e7212743f662b086be1e6))
+
+
+
 # [5.66.0](https://github.com/rsuite/rsuite/compare/v5.65.1...v5.66.0) (2024-07-12)
 
 

package/Calendar/styles/index.css

@@ -1194,7 +1194,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/Cascader/styles/index.css

@@ -1411,7 +1411,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/CheckPicker/styles/index.css

@@ -1514,7 +1514,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/CheckTree/styles/index.css

@@ -1232,7 +1232,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/CheckTreePicker/styles/index.css

@@ -1232,7 +1232,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/DatePicker/styles/index.css

@@ -1365,7 +1365,6 @@ textarea.rs-input-sm {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/DateRangePicker/styles/index.css

@@ -1251,7 +1251,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/Dropdown/styles/index.css

@@ -1168,7 +1168,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/IconButton/styles/index.css

@@ -1210,7 +1210,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/InputGroup/styles/index.css

@@ -1144,7 +1144,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/InputNumber/styles/index.css

@@ -1261,7 +1261,6 @@ textarea.rs-input-sm {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/InputPicker/styles/index.css

@@ -1433,7 +1433,6 @@ textarea.rs-input-sm {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/MultiCascadeTree/styles/index.css

@@ -1423,7 +1423,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/MultiCascader/styles/index.css

@@ -1722,7 +1722,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/Nav/styles/index.css

@@ -70,6 +70,7 @@
   --rs-violet-800: #470c99;
   --rs-violet-900: #390085;
   --rs-text-primary: var(--rs-gray-800);
+  --rs-text-secondary: var(--rs-gray-600);
   --rs-text-disabled: var(--rs-gray-600);
   --rs-border-primary: var(--rs-gray-200);
   --rs-bg-card: var(--rs-gray-0);
@@ -119,6 +120,12 @@
   --rs-navs-tab-border: var(--rs-gray-300);
   --rs-navs-subtle-border: var(--rs-gray-50);
   --rs-navs-selected: var(--rs-primary-700);
+  --rs-navs-pills-bg: var(--rs-gray-100);
+  --rs-navs-pills-item-color: var(--rs-text-secondary);
+  --rs-navs-pills-item-active-bg: var(--rs-gray-0);
+  --rs-navs-pills-item-active-color: var(--rs-gray-900);
+  --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
+  --rs-navs-pills-item-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -200,6 +207,7 @@
   --rs-violet-800: #470c99;
   --rs-violet-900: #390085;
   --rs-text-primary: var(--rs-gray-50);
+  --rs-text-secondary: var(--rs-gray-200);
   --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-600);
   --rs-bg-card: var(--rs-gray-800);
@@ -249,6 +257,11 @@
   --rs-navs-tab-border: var(--rs-gray-600);
   --rs-navs-subtle-border: var(--rs-gray-600);
   --rs-navs-selected: var(--rs-primary-500);
+  --rs-navs-pills-bg: var(--rs-gray-700);
+  --rs-navs-pills-item-color: var(--rs-text-secondary);
+  --rs-navs-pills-item-active-bg: var(--rs-gray-600);
+  --rs-navs-pills-item-active-color: var(--rs-gray-0);
+  --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-dark {
@@ -329,6 +342,7 @@
   --rs-violet-800: #470c99;
   --rs-violet-900: #390085;
   --rs-text-primary: var(--rs-gray-50);
+  --rs-text-secondary: var(--rs-gray-200);
   --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-100);
   --rs-bg-card: var(--rs-gray-800);
@@ -381,6 +395,11 @@
   --rs-navs-tab-border: var(--rs-gray-600);
   --rs-navs-subtle-border: var(--rs-gray-600);
   --rs-navs-selected: var(--rs-primary-500);
+  --rs-navs-pills-bg: var(--rs-gray-700);
+  --rs-navs-pills-item-color: var(--rs-text-secondary);
+  --rs-navs-pills-item-active-bg: var(--rs-gray-600);
+  --rs-navs-pills-item-active-color: var(--rs-primary-500);
+  --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-high-contrast {
@@ -1192,7 +1211,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {
@@ -1665,6 +1683,7 @@
   cursor: pointer;
   color: #343434;
   color: var(--rs-navs-text);
+  background: transparent;
   -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
   transition: color 0.15s ease-out, background-color 0.15s ease-out;
   overflow: hidden;
@@ -1750,6 +1769,9 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   vertical-align: top;
 }
 .rs-nav-horizontal .rs-nav-bar {
@@ -1890,6 +1912,51 @@
   right: auto;
   left: 0;
 }
+.rs-nav-pills {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  background-color: #f2f2f5;
+  background-color: var(--rs-navs-pills-bg);
+  border-radius: 6px;
+  padding: 4px;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+}
+.rs-nav-pills .rs-nav-item {
+  border-radius: 6px;
+  position: relative;
+  padding: 4px 12px;
+  color: #717273;
+  color: var(--rs-navs-pills-item-color);
+}
+.rs-nav-pills .rs-nav-item-active {
+  background-color: #fff;
+  background-color: var(--rs-navs-pills-item-active-bg);
+  color: #121212;
+  color: var(--rs-navs-pills-item-active-color);
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: var(--rs-navs-pills-item-shadow);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+          box-shadow: var(--rs-navs-pills-item-shadow);
+}
+.rs-nav-pills .rs-nav-item-disabled {
+  color: #b6b7b8;
+  color: var(--rs-navs-pills-item-disabled-color);
+}
+.rs-nav-pills.rs-nav-vertical {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.rs-nav-pills.rs-nav-vertical .rs-nav-item {
+  padding: 6px 12px;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
 .rs-nav-justified {
   display: -webkit-box;
   display: -ms-flexbox;

package/Nav/styles/index.less

@@ -32,6 +32,7 @@
   padding: 8px 12px;
   cursor: pointer;
   color: var(--rs-navs-text);
+  background: transparent;
   transition: @nav-item-transition;
   .ellipsis-basic();
   .safari-border-radius-overflow-hidden();
@@ -101,6 +102,7 @@
   > .rs-nav-item {
     display: inline-flex;
     align-items: center;
+    justify-content: center;
     vertical-align: top;
   }
 
@@ -300,6 +302,41 @@
   }
 }
 
+// Pills Nav
+.rs-nav-pills {
+  display: inline-flex;
+  background-color: var(--rs-navs-pills-bg);
+  border-radius: 6px;
+  padding: 4px;
+  width: max-content;
+
+  .rs-nav-item {
+    border-radius: 6px;
+    position: relative;
+    padding: 4px 12px;
+    color: var(--rs-navs-pills-item-color);
+
+    &-active {
+      background-color: var(--rs-navs-pills-item-active-bg);
+      color: var(--rs-navs-pills-item-active-color);
+      box-shadow: var(--rs-navs-pills-item-shadow);
+    }
+
+    &-disabled {
+      color: var(--rs-navs-pills-item-disabled-color);
+    }
+  }
+
+  &.rs-nav-vertical {
+    flex-direction: column;
+
+    .rs-nav-item {
+      padding: 6px 12px;
+      justify-content: center;
+    }
+  }
+}
+
 // Justified
 .rs-nav-justified {
   display: flex;

package/NavItem/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rsuite/NavItem",
   "private": true,
-  "main": "../cjs/Nav/NavItem.js",
-  "module": "../esm/Nav/NavItem.js",
-  "types": "../esm/Nav/NavItem.d.ts"
+  "main": "../cjs/Nav/AdaptiveNavItem.js",
+  "module": "../esm/Nav/AdaptiveNavItem.js",
+  "types": "../esm/Nav/AdaptiveNavItem.d.ts"
 }

package/Navbar/styles/index.css

@@ -1211,7 +1211,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/Pagination/styles/index.css

@@ -1232,7 +1232,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/SelectPicker/styles/index.css

@@ -1227,7 +1227,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/Tabs/styles/index.css

@@ -70,6 +70,7 @@
   --rs-violet-800: #470c99;
   --rs-violet-900: #390085;
   --rs-text-primary: var(--rs-gray-800);
+  --rs-text-secondary: var(--rs-gray-600);
   --rs-text-disabled: var(--rs-gray-600);
   --rs-border-primary: var(--rs-gray-200);
   --rs-bg-card: var(--rs-gray-0);
@@ -119,6 +120,12 @@
   --rs-navs-tab-border: var(--rs-gray-300);
   --rs-navs-subtle-border: var(--rs-gray-50);
   --rs-navs-selected: var(--rs-primary-700);
+  --rs-navs-pills-bg: var(--rs-gray-100);
+  --rs-navs-pills-item-color: var(--rs-text-secondary);
+  --rs-navs-pills-item-active-bg: var(--rs-gray-0);
+  --rs-navs-pills-item-active-color: var(--rs-gray-900);
+  --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
+  --rs-navs-pills-item-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
 }
 @supports not (color: rgb(from white r g b)) {
   :root,
@@ -200,6 +207,7 @@
   --rs-violet-800: #470c99;
   --rs-violet-900: #390085;
   --rs-text-primary: var(--rs-gray-50);
+  --rs-text-secondary: var(--rs-gray-200);
   --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-600);
   --rs-bg-card: var(--rs-gray-800);
@@ -249,6 +257,11 @@
   --rs-navs-tab-border: var(--rs-gray-600);
   --rs-navs-subtle-border: var(--rs-gray-600);
   --rs-navs-selected: var(--rs-primary-500);
+  --rs-navs-pills-bg: var(--rs-gray-700);
+  --rs-navs-pills-item-color: var(--rs-text-secondary);
+  --rs-navs-pills-item-active-bg: var(--rs-gray-600);
+  --rs-navs-pills-item-active-color: var(--rs-gray-0);
+  --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-dark {
@@ -329,6 +342,7 @@
   --rs-violet-800: #470c99;
   --rs-violet-900: #390085;
   --rs-text-primary: var(--rs-gray-50);
+  --rs-text-secondary: var(--rs-gray-200);
   --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-100);
   --rs-bg-card: var(--rs-gray-800);
@@ -381,6 +395,11 @@
   --rs-navs-tab-border: var(--rs-gray-600);
   --rs-navs-subtle-border: var(--rs-gray-600);
   --rs-navs-selected: var(--rs-primary-500);
+  --rs-navs-pills-bg: var(--rs-gray-700);
+  --rs-navs-pills-item-color: var(--rs-text-secondary);
+  --rs-navs-pills-item-active-bg: var(--rs-gray-600);
+  --rs-navs-pills-item-active-color: var(--rs-primary-500);
+  --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
 }
 @supports not (color: rgb(from white r g b)) {
   .rs-theme-high-contrast {
@@ -1192,7 +1211,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {
@@ -1665,6 +1683,7 @@
   cursor: pointer;
   color: #343434;
   color: var(--rs-navs-text);
+  background: transparent;
   -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
   transition: color 0.15s ease-out, background-color 0.15s ease-out;
   overflow: hidden;
@@ -1750,6 +1769,9 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   vertical-align: top;
 }
 .rs-nav-horizontal .rs-nav-bar {
@@ -1890,6 +1912,51 @@
   right: auto;
   left: 0;
 }
+.rs-nav-pills {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  background-color: #f2f2f5;
+  background-color: var(--rs-navs-pills-bg);
+  border-radius: 6px;
+  padding: 4px;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+}
+.rs-nav-pills .rs-nav-item {
+  border-radius: 6px;
+  position: relative;
+  padding: 4px 12px;
+  color: #717273;
+  color: var(--rs-navs-pills-item-color);
+}
+.rs-nav-pills .rs-nav-item-active {
+  background-color: #fff;
+  background-color: var(--rs-navs-pills-item-active-bg);
+  color: #121212;
+  color: var(--rs-navs-pills-item-active-color);
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: var(--rs-navs-pills-item-shadow);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+          box-shadow: var(--rs-navs-pills-item-shadow);
+}
+.rs-nav-pills .rs-nav-item-disabled {
+  color: #b6b7b8;
+  color: var(--rs-navs-pills-item-disabled-color);
+}
+.rs-nav-pills.rs-nav-vertical {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.rs-nav-pills.rs-nav-vertical .rs-nav-item {
+  padding: 6px 12px;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
 .rs-nav-justified {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -1932,9 +1999,6 @@
       -ms-flex: 1;
           flex: 1;
 }
-.rs-tabs .rs-nav-item {
-  background: none;
-}
 .rs-tabs .rs-nav-vertical {
   display: -webkit-box;
   display: -ms-flexbox;

package/Tabs/styles/index.less

@@ -17,10 +17,6 @@
     }
   }
 
-  .rs-nav-item {
-    background: none;
-  }
-
   .rs-nav-vertical {
     display: flex;
     flex-direction: column;

package/TagInput/styles/index.css

@@ -1752,7 +1752,6 @@ textarea.rs-input-sm {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/TagPicker/styles/index.css

@@ -1752,7 +1752,6 @@ textarea.rs-input-sm {
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/Uploader/styles/index.css

@@ -1163,7 +1163,6 @@
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
-  display: block;
   width: 100%;
 }
 .rs-btn-block + .rs-btn-block {

package/cjs/DateInput/DateInput.js

@@ -11,13 +11,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Input = _interopRequireDefault(require("../Input"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
+var _date = require("../internals/utils/date");
 var _utils2 = require("./utils");
 var _useDateInputState2 = _interopRequireDefault(require("./hooks/useDateInputState"));
 var _useKeyboardInputEvent = _interopRequireDefault(require("./hooks/useKeyboardInputEvent"));
 var _useIsFocused2 = _interopRequireDefault(require("./hooks/useIsFocused"));
 var _useFieldCursor2 = _interopRequireDefault(require("./hooks/useFieldCursor"));
 var _useSelectedState2 = _interopRequireDefault(require("./hooks/useSelectedState"));
-var _excluded = ["format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus"];
+var _excluded = ["format", "value", "defaultValue", "placeholder", "onChange", "onKeyDown", "onBlur", "onFocus", "onPaste"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -35,13 +36,15 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onKeyDown = props.onKeyDown,
     onBlur = props.onBlur,
     onFocus = props.onFocus,
+    onPaste = props.onPaste,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var inputRef = (0, _react.useRef)();
   var _useSelectedState = (0, _useSelectedState2.default)(),
     selectedState = _useSelectedState.selectedState,
     setSelectedState = _useSelectedState.setSelectedState;
   var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale;
+    locale = _useCustom.locale,
+    parseDate = _useCustom.parseDate;
   var dateLocale = locale.dateLocale;
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
@@ -56,6 +59,7 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     dateField = _useDateInputState.dateField,
     setDateOffset = _useDateInputState.setDateOffset,
     setDateField = _useDateInputState.setDateField,
+    setNewDate = _useDateInputState.setNewDate,
     getDateField = _useDateInputState.getDateField,
     toDateString = _useDateInputState.toDateString,
     isEmptyValue = _useDateInputState.isEmptyValue;
@@ -169,6 +173,17 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       reset();
     }
   });
+  var handlePaste = (0, _hooks.useEventCallback)(function (event) {
+    var _event$clipboardData;
+    event.preventDefault();
+    var pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');
+    var nextDate = parseDate(pasteText, formatStr);
+    if ((0, _date.isValid)(nextDate)) {
+      handleChange(nextDate, event);
+      setNewDate(nextDate);
+    }
+    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
+  });
   var onKeyboardInput = (0, _useKeyboardInputEvent.default)({
     onSegmentChange: onSegmentChange,
     onSegmentValueChange: onSegmentValueChange,
@@ -196,6 +211,7 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: (0, _utils.mergeRefs)(inputRef, ref),
     onKeyDown: onKeyboardInput,
     onClick: handleClick,
+    onPaste: handlePaste,
     value: renderedValue,
     placeholder: placeholder || formatStr
   }, focusEventProps, rest));