feat: datepicker add design token (#1844)

Co-authored-by: pointhalo <[email protected]>

packages/semi-foundation/datePicker/datePicker.scss

@@ -900,7 +900,10 @@ $module-list: #{$prefix}-scrolllist;
 
             &:active {
                 border-color: $color-datepicker_range_trigger-border-active;
+            }
 
+            &:focus-within{
+                border-color: $color-datepicker_range_trigger-border-focus;
             }
 
             .#{$module}-monthRange-input {

packages/semi-foundation/datePicker/variables.scss

@@ -148,6 +148,7 @@ $color-datepicker_insetInput_separator: var(--semi-color-text-3);
 $color-datepicker_range_trigger-border: transparent; // 范围日期选择模式触发器边框颜色
 $color-datepicker_range_trigger-border-hover: transparent; // 范围日期选择模式触发器边框颜色 - 悬浮
 $color-datepicker_range_trigger-border-active: transparent; // 范围日期选择模式触发器边框颜色 - 激活
+$color-datepicker_range_trigger-border-focus: transparent; // 范围日期选择模式触发器边框颜色 - 聚焦