feat: update DatePicker style

Author: freeshineit

packages/DatePicker/dist/index.js

@@ -1,5 +1,5 @@
 /*
-* @ezuikit/control-date-picker v1.0.5
+* @ezuikit/control-date-picker v2.0.0-alpha.1
 * Copyright (c) 2026-03-15 Ezviz-OpenBiz
 * Released under the MIT License.
 */

packages/DatePicker/dist/index.umd.js

@@ -1,4 +1,5 @@
 import '@skax/picker/dist/style/css';
+import './style/_theme.scss';
 import './components/index.scss';
 import './calendar/index.scss';
 import './month/index.scss';

packages/DatePicker/dist/style.css

@@ -3,31 +3,3 @@ $ecalendar-prefix-cls: ecalendar;
 $emonth-prefix-cls: emonth;
 $eyear-prefix-cls: eyear;
 $disabled: #{$edate-prefix-cls}-disabled;
-
-:root {
-  --edate-header-height: 34px;
-  --edate-footer-height: var(--edate-header-height, 34px);
-  --edate-font-size: 14px;
-  --edate-default-color: rgba(0, 0, 0, 0.88);
-  --edate-primary-color: #648ffc;
-  --edate-hover-color: var(--edate-default-color, rgba(0, 0, 0, 0.88));
-  --edate-hover-bg-color: rgba(0, 0, 0, 0.04);
-  --edate-active-color: var(--edate-default-color, rgba(0, 0, 0, 0.88));
-  --edate-active-bg-color: #e6f4ff;
-  --edate-disabled-color: rgba(0, 0, 0, 0.25);
-  --edate-disabled-bg-color: rgba(0, 0, 0, 0.04);
-  --edate-disabled-active-bg-color: rgba(0, 0, 0, 0.25);
-  --edate-border-color: rgba(5, 5, 5, 0.06);
-  --edate-border-radius: 2px;
-  --edate-close-color: rgba(240, 87, 87, 1);
-
-  //
-  --edate-calendar-border-radius: 50%;
-  --edate-calendar-cell-width: 26px;
-  --edate-calendar-cell-height: 26px;
-
-  //
-  --edate-badge-color: var(--edate-primary-color, #648ffc);
-  --edate-arrow-color: rgba(0, 0, 0, 0.45);
-  --edate-arrow-hover-color: var(--edate-default-color, rgba(0, 0, 0, 0.88));
-}

packages/DatePicker/dist/style.js

@@ -0,0 +1,27 @@
+:root {
+  --edate-header-height: 34px;
+  --edate-footer-height: var(--edate-header-height, 34px);
+  --edate-font-size: 14px;
+  --edate-default-color: rgba(0, 0, 0, 0.88);
+  --edate-primary-color: #648ffc;
+  --edate-hover-color: var(--edate-default-color, rgba(0, 0, 0, 0.88));
+  --edate-hover-bg-color: rgba(0, 0, 0, 0.04);
+  --edate-active-color: var(--edate-default-color, rgba(0, 0, 0, 0.88));
+  --edate-active-bg-color: #e6f4ff;
+  --edate-disabled-color: rgba(0, 0, 0, 0.25);
+  --edate-disabled-bg-color: rgba(0, 0, 0, 0.04);
+  --edate-disabled-active-bg-color: rgba(0, 0, 0, 0.25);
+  --edate-border-color: rgba(5, 5, 5, 0.06);
+  --edate-border-radius: 2px;
+  --edate-close-color: rgba(240, 87, 87, 1);
+
+  //
+  --edate-calendar-border-radius: 50%;
+  --edate-calendar-cell-width: 26px;
+  --edate-calendar-cell-height: 26px;
+
+  //
+  --edate-badge-color: var(--edate-primary-color, #648ffc);
+  --edate-arrow-color: rgba(0, 0, 0, 0.45);
+  --edate-arrow-hover-color: var(--edate-default-color, rgba(0, 0, 0, 0.88));
+}

packages/DatePicker/dist/style/index.js

@@ -1,6 +1,6 @@
 {
   "name": "@ezuikit/control-date-picker",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "description": "date picker control for ezviz",
   "title": "date-picker",
   "main": "dist/index.js",