slizhevskyv-semrush · Oct 1, 2026 · Oct 1, 2026 · Oct 2, 2026 · Oct 6, 2026 · Oct 6, 2026
diff --git a/...er-siz-4ee61--normal-disabled-false-neighborLocation-right-1-chromium-linux.png b/...er-siz-4ee61--normal-disabled-false-neighborLocation-right-1-chromium-linux.png
diff --git a/...ger-siz-4ee61--normal-disabled-false-neighborLocation-right-1-firefox-linux.png b/...ger-siz-4ee61--normal-disabled-false-neighborLocation-right-1-firefox-linux.png
diff --git a/...gger-siz-4ee61--normal-disabled-false-neighborLocation-right-1-webkit-linux.png b/...gger-siz-4ee61--normal-disabled-false-neighborLocation-right-1-webkit-linux.png
diff --git a/...er-siz-59ce5-invalid-disabled-false-neighborLocation-right-1-chromium-linux.png b/...er-siz-59ce5-invalid-disabled-false-neighborLocation-right-1-chromium-linux.png
diff --git a/...ger-siz-59ce5-invalid-disabled-false-neighborLocation-right-1-firefox-linux.png b/...ger-siz-59ce5-invalid-disabled-false-neighborLocation-right-1-firefox-linux.png
diff --git a/...gger-siz-59ce5-invalid-disabled-false-neighborLocation-right-1-webkit-linux.png b/...gger-siz-59ce5-invalid-disabled-false-neighborLocation-right-1-webkit-linux.png
diff --git a/...er-siz-92a58--normal-disabled-false-neighborLocation-right-1-chromium-linux.png b/...er-siz-92a58--normal-disabled-false-neighborLocation-right-1-chromium-linux.png
diff --git a/...ger-siz-92a58--normal-disabled-false-neighborLocation-right-1-firefox-linux.png b/...ger-siz-92a58--normal-disabled-false-neighborLocation-right-1-firefox-linux.png
diff --git a/...gger-siz-92a58--normal-disabled-false-neighborLocation-right-1-webkit-linux.png b/...gger-siz-92a58--normal-disabled-false-neighborLocation-right-1-webkit-linux.png
diff --git a/...er-size-m-state-normal-disabled-true-neighborLocation-both-1-chromium-linux.png b/...er-size-m-state-normal-disabled-true-neighborLocation-both-1-chromium-linux.png
diff --git a/...ger-size-m-state-normal-disabled-true-neighborLocation-both-1-firefox-linux.png b/...ger-size-m-state-normal-disabled-true-neighborLocation-both-1-firefox-linux.png
diff --git a/...gger-size-m-state-normal-disabled-true-neighborLocation-both-1-webkit-linux.png b/...gger-size-m-state-normal-disabled-true-neighborLocation-both-1-webkit-linux.png
diff --git a/...er-size-m-state-valid-disabled-false-neighborLocation-left-1-chromium-linux.png b/...er-size-m-state-valid-disabled-false-neighborLocation-left-1-chromium-linux.png
diff --git a/...ger-size-m-state-valid-disabled-false-neighborLocation-left-1-firefox-linux.png b/...ger-size-m-state-valid-disabled-false-neighborLocation-left-1-firefox-linux.png
diff --git a/...gger-size-m-state-valid-disabled-false-neighborLocation-left-1-webkit-linux.png b/...gger-size-m-state-valid-disabled-false-neighborLocation-left-1-webkit-linux.png
diff --git a/...-Trigger-Verify-trigger-states-when-entering-date-manually-1-chromium-linux.png b/...-Trigger-Verify-trigger-states-when-entering-date-manually-1-chromium-linux.png
diff --git a/...r-Trigger-Verify-trigger-states-when-entering-date-manually-1-firefox-linux.png b/...r-Trigger-Verify-trigger-states-when-entering-date-manually-1-firefox-linux.png
diff --git a/...er-Trigger-Verify-trigger-states-when-entering-date-manually-1-webkit-linux.png b/...er-Trigger-Verify-trigger-states-when-entering-date-manually-1-webkit-linux.png
diff --git a/...-Trigger-Verify-trigger-states-when-entering-date-manually-2-chromium-linux.png b/...-Trigger-Verify-trigger-states-when-entering-date-manually-2-chromium-linux.png
diff --git a/...-Trigger-Verify-trigger-states-when-entering-date-manually-3-chromium-linux.png b/...-Trigger-Verify-trigger-states-when-entering-date-manually-3-chromium-linux.png
diff --git a/...r-Trigger-Verify-trigger-states-when-entering-date-manually-3-firefox-linux.png b/...r-Trigger-Verify-trigger-states-when-entering-date-manually-3-firefox-linux.png
diff --git a/...er-Trigger-Verify-trigger-states-when-entering-date-manually-3-webkit-linux.png b/...er-Trigger-Verify-trigger-states-when-entering-date-manually-3-webkit-linux.png
diff --git a/...th-today-button-Verify-datepicker-with-Today-button-styles-1-chromium-linux.png b/...th-today-button-Verify-datepicker-with-Today-button-styles-1-chromium-linux.png
diff --git a/...th-today-button-Verify-datepicker-with-Today-button-styles-2-chromium-linux.png b/...th-today-button-Verify-datepicker-with-Today-button-styles-2-chromium-linux.png
diff --git a/...th-today-button-Verify-datepicker-with-Today-button-styles-3-chromium-linux.png b/...th-today-button-Verify-datepicker-with-Today-button-styles-3-chromium-linux.png
diff --git a/...th-today-button-Verify-datepicker-with-Today-button-styles-4-chromium-linux.png b/...th-today-button-Verify-datepicker-with-Today-button-styles-4-chromium-linux.png
diff --git a/...mparator-props-Verify-all-date-range-comparator-props-work-1-chromium-linux.png b/...mparator-props-Verify-all-date-range-comparator-props-work-1-chromium-linux.png
diff --git a/...mparator-props-Verify-all-date-range-comparator-props-work-2-chromium-linux.png b/...mparator-props-Verify-all-date-range-comparator-props-work-2-chromium-linux.png
diff --git a/...igger-input-width-grows-after-entering-date-with-locale-pt-1-chromium-linux.png b/...igger-input-width-grows-after-entering-date-with-locale-pt-1-chromium-linux.png
diff --git a/...r-size-caba6--normal-disabled-false-neighborLocation-right-1-chromium-linux.png b/...r-size-caba6--normal-disabled-false-neighborLocation-right-1-chromium-linux.png
diff --git a/...-Trigger-Verify-trigger-states-when-entering-sate-manually-3-chromium-linux.png b/...-Trigger-Verify-trigger-states-when-entering-sate-manually-3-chromium-linux.png
diff --git a/...Month-Picker-Trigger-Verify-trigger-entering-date-manually-1-chromium-linux.png b/...Month-Picker-Trigger-Verify-trigger-entering-date-manually-1-chromium-linux.png
diff --git a/...Month-Picker-Trigger-Verify-trigger-entering-date-manually-3-chromium-linux.png b/...Month-Picker-Trigger-Verify-trigger-entering-date-manually-3-chromium-linux.png
diff --git a/...ger-si-a11fd-te-normal-disabled-true-neighborLocation-both-1-chromium-linux.png b/...ger-si-a11fd-te-normal-disabled-true-neighborLocation-both-1-chromium-linux.png
diff --git a/...gger-si-a11fd-te-normal-disabled-true-neighborLocation-both-1-firefox-linux.png b/...gger-si-a11fd-te-normal-disabled-true-neighborLocation-both-1-firefox-linux.png
diff --git a/...igger-si-a11fd-te-normal-disabled-true-neighborLocation-both-1-webkit-linux.png b/...igger-si-a11fd-te-normal-disabled-true-neighborLocation-both-1-webkit-linux.png
diff --git a/...ger-si-beaa7--normal-disabled-false-neighborLocation-right-1-chromium-linux.png b/...ger-si-beaa7--normal-disabled-false-neighborLocation-right-1-chromium-linux.png
diff --git a/...gger-si-beaa7--normal-disabled-false-neighborLocation-right-1-firefox-linux.png b/...gger-si-beaa7--normal-disabled-false-neighborLocation-right-1-firefox-linux.png
diff --git a/...igger-si-beaa7--normal-disabled-false-neighborLocation-right-1-webkit-linux.png b/...igger-si-beaa7--normal-disabled-false-neighborLocation-right-1-webkit-linux.png
diff --git a/...ger-si-e104c--normal-disabled-false-neighborLocation-right-1-chromium-linux.png b/...ger-si-e104c--normal-disabled-false-neighborLocation-right-1-chromium-linux.png
diff --git a/...gger-si-e104c--normal-disabled-false-neighborLocation-right-1-firefox-linux.png b/...gger-si-e104c--normal-disabled-false-neighborLocation-right-1-firefox-linux.png
diff --git a/...igger-si-e104c--normal-disabled-false-neighborLocation-right-1-webkit-linux.png b/...igger-si-e104c--normal-disabled-false-neighborLocation-right-1-webkit-linux.png
diff --git a/...ger-si-e450b-invalid-disabled-false-neighborLocation-right-1-chromium-linux.png b/...ger-si-e450b-invalid-disabled-false-neighborLocation-right-1-chromium-linux.png
diff --git a/...gger-si-e450b-invalid-disabled-false-neighborLocation-right-1-firefox-linux.png b/...gger-si-e450b-invalid-disabled-false-neighborLocation-right-1-firefox-linux.png
diff --git a/...igger-si-e450b-invalid-disabled-false-neighborLocation-right-1-webkit-linux.png b/...igger-si-e450b-invalid-disabled-false-neighborLocation-right-1-webkit-linux.png
diff --git a/...ger-si-ec108-te-valid-disabled-false-neighborLocation-left-1-chromium-linux.png b/...ger-si-ec108-te-valid-disabled-false-neighborLocation-left-1-chromium-linux.png
diff --git a/...gger-si-ec108-te-valid-disabled-false-neighborLocation-left-1-firefox-linux.png b/...gger-si-ec108-te-valid-disabled-false-neighborLocation-left-1-firefox-linux.png
diff --git a/...igger-si-ec108-te-valid-disabled-false-neighborLocation-left-1-webkit-linux.png b/...igger-si-ec108-te-valid-disabled-false-neighborLocation-left-1-webkit-linux.png
diff --git a/...er-size-m-state-normal-disabled-true-neighborLocation-both-1-chromium-linux.png b/...er-size-m-state-normal-disabled-true-neighborLocation-both-1-chromium-linux.png
diff --git a/...h-Range-Trigger-Verify-trigger-when-entering-date-manually-3-chromium-linux.png b/...h-Range-Trigger-Verify-trigger-when-entering-date-manually-3-chromium-linux.png
diff --git a/semcore/date-picker/src/components/InputTrigger.jsx b/semcore/date-picker/src/components/InputTrigger.jsx
@@ -476,7 +476,7 @@ function RangeSep(props) {
       tag={Flex}
       alignItems='center'
       justifyContent='center'
-      pl={0}
+      px={1.5}
       flex='0'
     >
       –

diff --git a/semcore/date-picker/src/style/date-picker.shadow.css b/semcore/date-picker/src/style/date-picker.shadow.css
@@ -1,5 +1,5 @@
 SPopper {
-  padding: var(--intergalactic-spacing-4x, 16px);
+  padding: var(--intergalactic-spacing-content-padding-large, 16px);
 
   &::-moz-focus-inner {
     border: none;
@@ -30,14 +30,14 @@ STitle {
 
 SToday {
   display: flex;
-  margin-top: var(--intergalactic-spacing-3x, 12px);
+  margin-top: var(--intergalactic-spacing-content-gap-xlarge, 12px);
   justify-content: center;
 }
 
 SPeriod {
   display: flex;
   flex-direction: column;
-  margin-bottom: var(--intergalactic-spacing-2x, 8px);
+  margin-bottom: var(--intergalactic-spacing-content-gap-large, 8px);
 }
 
 SButton {
@@ -48,10 +48,18 @@ SButton {
   }
 }
 
+SSingleDateInput {
+  SInputMask {
+    padding-right: 0;
+  }
+  SValue {
+    padding-right: 0;
+  }
+}
+
 SInputMask {
   color: var(--intergalactic-text-primary, oklch(0.23 0.009 245));
   line-height: normal;
-  padding-right: var(--intergalactic-spacing-2x, 8px);
   transition: width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease, min-width calc(var(--intergalactic-duration-medium, 300) * 1ms) ease;
 }
 
@@ -103,6 +111,11 @@ SMask {
   overflow: hidden;
 }
 
+SSingleDateInput,
+SDateRange {
+  padding-right: var(--intergalactic-spacing-content-padding-medium, 12px);
+}
+
 SSingleDateInput SValue,
 SDateRange SMask,
 SSingleDateInput SMask,
@@ -150,24 +163,24 @@ SDateRange:focus-within SRangeSep {
 
 SRangeComparatorHeader {
   border-bottom: 1px solid var(--intergalactic-border-primary, oklch(0.277 0.066 242.6 / 0.18));
-  padding: var(--intergalactic-spacing-4x, 16px);
+  padding: var(--intergalactic-spacing-content-padding-large, 16px);
 }
 
 SRangeCalendar {
-  padding: var(--intergalactic-spacing-4x, 16px);
+  padding: var(--intergalactic-spacing-content-padding-large, 16px);
 }
 
 SFooter {
   border-top: 1px solid var(--intergalactic-border-primary, oklch(0.277 0.066 242.6 / 0.18));
-  padding: var(--intergalactic-spacing-4x, 16px);
+  padding: var(--intergalactic-spacing-content-padding-large, 16px);
 }
 
 SPeriodsList {
-  padding: var(--intergalactic-spacing-4x, 16px);
+  padding: var(--intergalactic-spacing-content-padding-large, 16px);
 }
 
 STooltip {
-  padding: var(--intergalactic-spacing-3x, 12px);
+  padding: var(--intergalactic-spacing-content-padding-medium, 12px);
 }
 
 SCompareToggle {

diff --git a/...ts/-visual-Verify-pattern-with-Time-Picker-and-Date-picker-2-chromium-linux.png b/...ts/-visual-Verify-pattern-with-Time-Picker-and-Date-picker-2-chromium-linux.png
diff --git a/...ots/-visual-Verify-pattern-with-Time-Picker-and-Date-picker-2-firefox-linux.png b/...ots/-visual-Verify-pattern-with-Time-Picker-and-Date-picker-2-firefox-linux.png
diff --git a/...hots/-visual-Verify-pattern-with-Time-Picker-and-Date-picker-2-webkit-linux.png b/...hots/-visual-Verify-pattern-with-Time-Picker-and-Date-picker-2-webkit-linux.png
diff --git a/website/docs/style/design-tokens/design-tokens.json b/website/docs/style/design-tokens/design-tokens.json
@@ -3613,6 +3613,7 @@
       "card",
       "d3-chart",
       "data-table",
+      "date-picker",
       "dropdown",
       "feedback-form",
       "fullscreen-modal",
@@ -3639,6 +3640,7 @@
       "bulk-textarea",
       "color-picker",
       "data-table",
+      "date-picker",
       "feature-popover",
       "fullscreen-modal",
       "notice",
@@ -3774,6 +3776,7 @@
       "color-picker",
       "d3-chart",
       "data-table",
+      "date-picker",
       "fullscreen-modal",
       "notice-bubble",
       "pagination",