@qn-pandora/pandora-component 5.1.0 → 5.1.2

package/es/components/DateTimePicker/Base/style.css

@@ -2,6 +2,253 @@
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.ant-input-number-affix-wrapper {
+  display: inline-block;
+  width: 100%;
+  min-width: 0;
+  padding: 4px 11px;
+  color: #333333;
+  font-size: 14px;
+  line-height: 1.5715;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid #bfbfbf;
+  border-radius: 2px;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  position: relative;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: 90px;
+  padding: 0;
+  -webkit-padding-start: 11px;
+          padding-inline-start: 11px;
+}
+.ant-input-number-affix-wrapper::-webkit-input-placeholder {
+  color: #bfbfbf;
+  -webkit-user-select: none;
+          user-select: none;
+}
+.ant-input-number-affix-wrapper::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
+.ant-input-number-affix-wrapper::-ms-input-placeholder {
+  color: #bfbfbf;
+  -ms-user-select: none;
+      user-select: none;
+}
+.ant-input-number-affix-wrapper::placeholder {
+  color: #bfbfbf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ant-input-number-affix-wrapper:placeholder-shown {
+  text-overflow: ellipsis;
+}
+.ant-input-number-affix-wrapper:hover {
+  border-color: #436bff;
+  border-right-width: 1px;
+}
+.ant-input-number-affix-wrapper:focus,
+.ant-input-number-affix-wrapper-focused {
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-number-affix-wrapper-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #bfbfbf;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.ant-input-number-affix-wrapper-disabled:hover {
+  border-color: #bfbfbf;
+  border-right-width: 1px;
+}
+.ant-input-number-affix-wrapper[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #bfbfbf;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.ant-input-number-affix-wrapper[disabled]:hover {
+  border-color: #bfbfbf;
+  border-right-width: 1px;
+}
+.ant-input-number-affix-wrapper-borderless,
+.ant-input-number-affix-wrapper-borderless:hover,
+.ant-input-number-affix-wrapper-borderless:focus,
+.ant-input-number-affix-wrapper-borderless-focused,
+.ant-input-number-affix-wrapper-borderless-disabled,
+.ant-input-number-affix-wrapper-borderless[disabled] {
+  background-color: transparent;
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+textarea.ant-input-number-affix-wrapper {
+  max-width: 100%;
+  height: auto;
+  min-height: 32px;
+  line-height: 1.5715;
+  vertical-align: bottom;
+  -webkit-transition: all 0.3s, height 0s;
+  transition: all 0.3s, height 0s;
+}
+.ant-input-number-affix-wrapper-lg {
+  padding: 6.5px 11px;
+  font-size: 16px;
+}
+.ant-input-number-affix-wrapper-sm {
+  padding: 1px 7px;
+}
+.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
+  border-color: #436bff;
+  border-right-width: 1px;
+  z-index: 1;
+}
+.ant-input-number-affix-wrapper-focused,
+.ant-input-number-affix-wrapper:focus {
+  z-index: 1;
+}
+.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
+  background: transparent;
+}
+.ant-input-number-affix-wrapper > div.ant-input-number {
+  width: 100%;
+  border: none;
+  outline: none;
+}
+.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
+}
+.ant-input-number-affix-wrapper input.ant-input-number-input {
+  padding: 0;
+}
+.ant-input-number-affix-wrapper::before {
+  display: inline-block;
+  width: 0;
+  visibility: hidden;
+  content: '\a0';
+}
+.ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
+  z-index: 2;
+}
+.ant-input-number-prefix,
+.ant-input-number-suffix {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  pointer-events: none;
+}
+.ant-input-number-prefix {
+  -webkit-margin-end: 4px;
+          margin-inline-end: 4px;
+}
+.ant-input-number-suffix {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 1;
+  height: 100%;
+  margin-right: 11px;
+  margin-left: 4px;
+}
+.ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
+  width: 100%;
+}
+.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
+.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
+  background: transparent;
+  border-color: #f5222d;
+}
+.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
+.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
+  border-color: #ff4d4f;
+  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-number-status-error .ant-input-number-prefix {
+  color: #f5222d;
+}
+.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
+.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
+  background: transparent;
+  border-color: #f0a818;
+}
+.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
+.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
+  border-color: #fcc442;
+  -webkit-box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+          box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-number-status-warning .ant-input-number-prefix {
+  color: #f0a818;
+}
+.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
+.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
+  background: transparent;
+  border-color: #f5222d;
+}
+.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
+.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
+  border-color: #ff4d4f;
+  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
+  color: #f5222d;
+}
+.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
+.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
+  background: transparent;
+  border-color: #f0a818;
+}
+.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
+.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
+  border-color: #fcc442;
+  -webkit-box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+          box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
+  color: #f0a818;
+}
+.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
+  color: #f5222d;
+  border-color: #f5222d;
+}
+.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
+  color: #f0a818;
+  border-color: #f0a818;
+}
 .ant-input-number {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -19,25 +266,25 @@
   line-height: 1.5715;
   background-color: transparent;
   background-image: none;
-  border: 1px solid #bfbfbf;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
-  /* stylelint-disable-next-line selector-no-vendor-prefix */
   display: inline-block;
   width: 90px;
   margin: 0;
   padding: 0;
-  border: 1px solid #e5e5e5;
+  border: 1px solid #bfbfbf;
   border-radius: 2px;
 }
-.ant-input-number::-moz-placeholder {
-  opacity: 1;
-}
 .ant-input-number::-webkit-input-placeholder {
   color: #bfbfbf;
   -webkit-user-select: none;
           user-select: none;
 }
+.ant-input-number::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
 .ant-input-number::-ms-input-placeholder {
   color: #bfbfbf;
   -ms-user-select: none;
@@ -54,15 +301,15 @@
   text-overflow: ellipsis;
 }
 .ant-input-number:hover {
-  border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-color: #436bff;
+  border-right-width: 1px;
 }
 .ant-input-number:focus,
 .ant-input-number-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-input-number-disabled {
@@ -76,7 +323,7 @@
 }
 .ant-input-number-disabled:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-number[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -89,7 +336,7 @@
 }
 .ant-input-number[disabled]:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-number-borderless,
 .ant-input-number-borderless:hover,
@@ -207,7 +454,7 @@ textarea.ant-input-number {
 }
 .ant-input-number-group-addon .ant-select-open .ant-select-selector,
 .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-input-number-group-addon .ant-cascader-picker {
   margin: -9px -12px;
@@ -314,11 +561,8 @@ textarea.ant-input-number {
   vertical-align: top;
   border-radius: 0;
 }
-.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-}
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper,
+.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper,
 .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -386,6 +630,22 @@ textarea.ant-input-number {
 .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
   border-radius: 2px 0 0 2px;
 }
+.ant-input-number-group > .ant-input-number-rtl:first-child {
+  border-radius: 0 2px 2px 0;
+}
+.ant-input-number-group > .ant-input-number-rtl:last-child {
+  border-radius: 2px 0 0 2px;
+}
+.ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
+  border-right: 1px solid #bfbfbf;
+  border-left: 0;
+  border-radius: 0 2px 2px 0;
+}
+.ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
+  border-right: 0;
+  border-left: 1px solid #bfbfbf;
+  border-radius: 2px 0 0 2px;
+}
 .ant-input-number-group-wrapper {
   display: inline-block;
   text-align: start;
@@ -410,18 +670,23 @@ textarea.ant-input-number {
 }
 .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
 .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
-  color: #9ca0a6;
+  color: #6b90ff;
 }
 .ant-input-number-handler-up-inner,
 .ant-input-number-handler-down-inner {
-  display: inline-block;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   color: #bfbfbf;
   font-style: normal;
   line-height: 0;
   text-align: center;
   text-transform: none;
   vertical-align: -0.125em;
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
@@ -456,8 +721,8 @@ textarea.ant-input-number {
   display: block;
 }
 .ant-input-number:hover {
-  border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-color: #436bff;
+  border-right-width: 1px;
 }
 .ant-input-number:hover + .ant-form-item-children-icon {
   opacity: 0;
@@ -465,10 +730,10 @@ textarea.ant-input-number {
   transition: opacity 0.24s linear 0.24s;
 }
 .ant-input-number-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-input-number-disabled {
@@ -482,7 +747,7 @@ textarea.ant-input-number {
 }
 .ant-input-number-disabled:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-input-number-disabled .ant-input-number-input {
   cursor: not-allowed;
@@ -507,16 +772,17 @@ textarea.ant-input-number {
   -webkit-appearance: textfield !important;
      -moz-appearance: textfield !important;
           appearance: textfield !important;
-  /* stylelint-disable-next-line selector-no-vendor-prefix */
-}
-.ant-input-number-input::-moz-placeholder {
-  opacity: 1;
 }
 .ant-input-number-input::-webkit-input-placeholder {
   color: #bfbfbf;
   -webkit-user-select: none;
           user-select: none;
 }
+.ant-input-number-input::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
 .ant-input-number-input::-ms-input-placeholder {
   color: #bfbfbf;
   -ms-user-select: none;
@@ -620,6 +886,10 @@ textarea.ant-input-number {
 .ant-input-number-borderless .ant-input-number-handler-down {
   border-top-width: 0;
 }
+.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
+.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
+  border-top: 1px solid #e5e5e5;
+}
 .ant-input-number-handler-up-disabled,
 .ant-input-number-handler-down-disabled {
   cursor: not-allowed;
@@ -635,6 +905,42 @@ textarea.ant-input-number {
 .ant-input-number-out-of-range input {
   color: #f5222d;
 }
+.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
+  margin-right: -1px;
+}
+.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
+  margin-left: -1px;
+}
+.ant-input-number-compact-item:hover,
+.ant-input-number-compact-item:focus,
+.ant-input-number-compact-item:active {
+  z-index: 2;
+}
+.ant-input-number-compact-item.ant-input-number-focused {
+  z-index: 2;
+}
+.ant-input-number-compact-item[disabled] {
+  z-index: 0;
+}
+.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number {
+  border-radius: 0;
+}
+.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
 .ant-input-number-rtl {
   direction: rtl;
 }
@@ -659,6 +965,38 @@ textarea.ant-input-number {
   direction: ltr;
   text-align: right;
 }
+.ant-picker-status-error.ant-picker,
+.ant-picker-status-error.ant-picker:not(.ant-picker-disabled):hover {
+  background-color: transparent;
+  border-color: #f5222d;
+}
+.ant-picker-status-error.ant-picker-focused,
+.ant-picker-status-error.ant-picker:focus {
+  border-color: #ff4d4f;
+  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-picker-status-error.ant-picker .ant-picker-active-bar {
+  background: #ff4d4f;
+}
+.ant-picker-status-warning.ant-picker,
+.ant-picker-status-warning.ant-picker:not(.ant-picker-disabled):hover {
+  background-color: transparent;
+  border-color: #f0a818;
+}
+.ant-picker-status-warning.ant-picker-focused,
+.ant-picker-status-warning.ant-picker:focus {
+  border-color: #fcc442;
+  -webkit-box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+          box-shadow: 0 0 0 2px rgba(240, 168, 24, 0.2);
+  border-right-width: 1px;
+  outline: 0;
+}
+.ant-picker-status-warning.ant-picker .ant-picker-active-bar {
+  background: #fcc442;
+}
 .ant-picker {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -689,14 +1027,14 @@ textarea.ant-input-number {
 }
 .ant-picker:hover,
 .ant-picker-focused {
-  border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-color: #436bff;
+  border-right-width: 1px;
 }
 .ant-picker-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-picker.ant-picker-disabled {
@@ -738,7 +1076,6 @@ textarea.ant-input-number {
   border-radius: 2px;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
-  /* stylelint-disable-next-line selector-no-vendor-prefix */
   -webkit-box-flex: 1;
       -ms-flex: auto;
           flex: auto;
@@ -748,14 +1085,16 @@ textarea.ant-input-number {
   background: transparent;
   border: 0;
 }
-.ant-picker-input > input::-moz-placeholder {
-  opacity: 1;
-}
 .ant-picker-input > input::-webkit-input-placeholder {
   color: #bfbfbf;
   -webkit-user-select: none;
           user-select: none;
 }
+.ant-picker-input > input::-moz-placeholder {
+  color: #bfbfbf;
+  -moz-user-select: none;
+       user-select: none;
+}
 .ant-picker-input > input::-ms-input-placeholder {
   color: #bfbfbf;
   -ms-user-select: none;
@@ -772,15 +1111,15 @@ textarea.ant-input-number {
   text-overflow: ellipsis;
 }
 .ant-picker-input > input:hover {
-  border-color: #2c6dd2;
-  border-right-width: 1px !important;
+  border-color: #436bff;
+  border-right-width: 1px;
 }
 .ant-picker-input > input:focus,
 .ant-picker-input > input-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-  border-right-width: 1px !important;
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+  border-right-width: 1px;
   outline: 0;
 }
 .ant-picker-input > input-disabled {
@@ -794,7 +1133,7 @@ textarea.ant-input-number {
 }
 .ant-picker-input > input-disabled:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-picker-input > input[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -807,7 +1146,7 @@ textarea.ant-input-number {
 }
 .ant-picker-input > input[disabled]:hover {
   border-color: #bfbfbf;
-  border-right-width: 1px !important;
+  border-right-width: 1px;
 }
 .ant-picker-input > input-borderless,
 .ant-picker-input > input-borderless:hover,
@@ -859,6 +1198,12 @@ textarea.ant-picker-input > input {
   padding: 1px 7px 1px;
 }
 .ant-picker-suffix {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
   -ms-flex-item-align: center;
       align-self: center;
   margin-left: 4px;
@@ -869,6 +1214,9 @@ textarea.ant-picker-input > input {
 .ant-picker-suffix > * {
   vertical-align: top;
 }
+.ant-picker-suffix > *:not(:last-child) {
+  margin-right: 8px;
+}
 .ant-picker-clear {
   position: absolute;
   top: 50%;
@@ -921,7 +1269,7 @@ textarea.ant-picker-input > input {
   bottom: -1px;
   height: 2px;
   margin-left: 11px;
-  background: #7a869a;
+  background: #436bff;
   opacity: 0;
   -webkit-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
@@ -956,22 +1304,24 @@ textarea.ant-picker-input > input {
   -webkit-font-feature-settings: 'tnum';
           font-feature-settings: 'tnum';
   position: absolute;
+  top: -9999px;
+  left: -9999px;
   z-index: 1050;
 }
 .ant-picker-dropdown-hidden {
   display: none;
 }
 .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
-  top: 1.66666667px;
+  top: 2.58561808px;
   display: block;
-  -webkit-transform: rotate(-45deg);
-          transform: rotate(-45deg);
+  -webkit-transform: rotate(-135deg) translateY(1px);
+          transform: rotate(-135deg) translateY(1px);
 }
 .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
-  bottom: 1.66666667px;
+  bottom: 2.58561808px;
   display: block;
-  -webkit-transform: rotate(135deg);
-          transform: rotate(135deg);
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
 }
 .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
 .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight,
@@ -998,7 +1348,7 @@ textarea.ant-picker-input > input {
           animation-name: antSlideUpOut;
 }
 .ant-picker-dropdown-range {
-  padding: 6.66666667px 0;
+  padding: 7.54247233px 0;
 }
 .ant-picker-dropdown-range-hidden {
   display: none;
@@ -1018,9 +1368,9 @@ textarea.ant-picker-input > input {
   display: inline-block;
 }
 .ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
-  color: #7a869a;
-  background: #ccd3d9;
-  border-color: #b4b9bf;
+  color: #436bff;
+  background: #f0f6ff;
+  border-color: #bdd2ff;
   cursor: pointer;
 }
 .ant-picker-ranges .ant-picker-ok {
@@ -1035,24 +1385,28 @@ textarea.ant-picker-input > input {
 .ant-picker-range-arrow {
   position: absolute;
   z-index: 1;
-  display: none;
-  width: 10px;
-  height: 10px;
+  width: 11.3137085px;
+  height: 11.3137085px;
   margin-left: 16.5px;
-  -webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
-          box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
+          box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1);
   -webkit-transition: left 0.3s ease-out;
   transition: left 0.3s ease-out;
+  border-radius: 0 0 2px;
+  pointer-events: none;
 }
-.ant-picker-range-arrow::after {
+.ant-picker-range-arrow::before {
   position: absolute;
-  top: 1px;
-  right: 1px;
-  width: 10px;
-  height: 10px;
-  border: 5px solid #e5e5e5;
-  border-color: #ffffff #ffffff transparent transparent;
+  top: -11.3137085px;
+  left: -11.3137085px;
+  width: 33.9411255px;
+  height: 33.9411255px;
+  background: #ffffff;
+  background-repeat: no-repeat;
+  background-position: -10px -10px;
   content: '';
+  clip-path: inset(33% 33%);
+  clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z');
 }
 .ant-picker-panel-container {
   overflow: hidden;
@@ -1085,6 +1439,42 @@ textarea.ant-picker-input > input {
 .ant-picker-panel-container .ant-picker-panel-focused {
   border-color: #e5e5e5;
 }
+.ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
+  margin-right: -1px;
+}
+.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl {
+  margin-left: -1px;
+}
+.ant-picker-compact-item:hover,
+.ant-picker-compact-item:focus,
+.ant-picker-compact-item:active {
+  z-index: 2;
+}
+.ant-picker-compact-item.ant-picker-focused {
+  z-index: 2;
+}
+.ant-picker-compact-item[disabled] {
+  z-index: 0;
+}
+.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker {
+  border-radius: 0;
+}
+.ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
 .ant-picker-panel {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -1100,7 +1490,7 @@ textarea.ant-picker-input > input {
   outline: none;
 }
 .ant-picker-panel-focused {
-  border-color: #7a869a;
+  border-color: #436bff;
 }
 .ant-picker-decade-panel,
 .ant-picker-year-panel,
@@ -1163,7 +1553,7 @@ textarea.ant-picker-input > input {
   margin-left: 8px;
 }
 .ant-picker-header-view button:hover {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-picker-prev-icon,
 .ant-picker-next-icon,
@@ -1184,7 +1574,7 @@ textarea.ant-picker-input > input {
   display: inline-block;
   width: 7px;
   height: 7px;
-  border: 0 solid currentColor;
+  border: 0 solid currentcolor;
   border-width: 1.5px 0 0 1.5px;
   content: '';
 }
@@ -1196,7 +1586,7 @@ textarea.ant-picker-input > input {
   display: inline-block;
   width: 7px;
   height: 7px;
-  border: 0 solid currentColor;
+  border: 0 solid currentcolor;
   border-width: 1.5px 0 0 1.5px;
   content: '';
 }
@@ -1260,7 +1650,7 @@ textarea.ant-picker-input > input {
 }
 .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
 .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
-  background: rgba(44, 109, 210, 0.05);
+  background: rgba(67, 107, 255, 0.05);
 }
 .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
   position: absolute;
@@ -1269,7 +1659,7 @@ textarea.ant-picker-input > input {
   bottom: 0;
   left: 0;
   z-index: 1;
-  border: 1px solid #7a869a;
+  border: 1px solid #436bff;
   border-radius: 2px;
   content: '';
 }
@@ -1277,17 +1667,17 @@ textarea.ant-picker-input > input {
   position: relative;
 }
 .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
-  background: #ccd3d9;
+  background: #f0f6ff;
 }
 .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
 .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
 .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
   color: #fff;
-  background: #7a869a;
+  background: #436bff;
 }
 .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
 .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
-  background: #ccd3d9;
+  background: #f0f6ff;
 }
 .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
   left: 50%;
@@ -1306,8 +1696,8 @@ textarea.ant-picker-input > input {
   top: 50%;
   z-index: 0;
   height: 24px;
-  border-top: 1px dashed #b4bbc6;
-  border-bottom: 1px dashed #b4bbc6;
+  border-top: 1px dashed #a9bbff;
+  border-bottom: 1px dashed #a9bbff;
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
   -webkit-transition: all 0.3s;
@@ -1327,7 +1717,7 @@ textarea.ant-picker-input > input {
 .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
 .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
 .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
-  background: #dfe2e7;
+  background: #f5f8ff;
 }
 .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
   border-radius: 2px 0 0 2px;
@@ -1341,7 +1731,7 @@ textarea.ant-picker-input > input {
   top: 0;
   bottom: 0;
   z-index: -1;
-  background: #dfe2e7;
+  background: #f5f8ff;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   content: '';
@@ -1366,7 +1756,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after
 .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
 .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
   left: 6px;
-  border-left: 1px dashed #b4bbc6;
+  border-left: 1px dashed #a9bbff;
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
 }
@@ -1376,7 +1766,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
 .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
 .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
   right: 6px;
-  border-right: 1px dashed #b4bbc6;
+  border-right: 1px dashed #a9bbff;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
@@ -1432,13 +1822,13 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
   text-align: left;
 }
 .ant-picker-today-btn {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-picker-today-btn:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-picker-today-btn:active {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-picker-today-btn.ant-picker-today-btn-disabled {
   color: rgba(0, 0, 0, 0.25);
@@ -1464,28 +1854,28 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
 .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
 .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
   left: 14px;
-  border-left: 1px dashed #b4bbc6;
+  border-left: 1px dashed #a9bbff;
   border-radius: 2px 0 0 2px;
 }
 .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
 .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
 .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
   right: 14px;
-  border-right: 1px dashed #b4bbc6;
+  border-right: 1px dashed #a9bbff;
   border-radius: 0 2px 2px 0;
 }
 .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
 .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
 .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
   right: 14px;
-  border-right: 1px dashed #b4bbc6;
+  border-right: 1px dashed #a9bbff;
   border-radius: 0 2px 2px 0;
 }
 .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
 .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
 .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
   left: 14px;
-  border-left: 1px dashed #b4bbc6;
+  border-left: 1px dashed #a9bbff;
   border-radius: 2px 0 0 2px;
 }
 .ant-picker-week-panel .ant-picker-body {
@@ -1501,11 +1891,11 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
   transition: background 0.3s;
 }
 .ant-picker-week-panel-row:hover td {
-  background: rgba(44, 109, 210, 0.05);
+  background: rgba(67, 107, 255, 0.05);
 }
 .ant-picker-week-panel-row-selected td,
 .ant-picker-week-panel-row-selected:hover td {
-  background: #7a869a;
+  background: #436bff;
 }
 .ant-picker-week-panel-row-selected td.ant-picker-cell-week,
 .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
@@ -1587,7 +1977,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
   border-left: 1px solid #e5e5e5;
 }
 .ant-picker-time-panel-column-active {
-  background: rgba(204, 211, 217, 0.2);
+  background: rgba(240, 246, 255, 0.2);
 }
 .ant-picker-time-panel-column:hover {
   overflow-y: auto;
@@ -1610,17 +2000,17 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
   transition: background 0.3s;
 }
 .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
-  background: rgba(44, 109, 210, 0.05);
+  background: rgba(67, 107, 255, 0.05);
 }
 .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
-  background: #ccd3d9;
+  background: #f0f6ff;
 }
 .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
   color: rgba(0, 0, 0, 0.25);
   background: transparent;
   cursor: not-allowed;
 }
-/* stylelint-disable-next-line selector-type-no-unknown,selector-no-vendor-prefix */
+/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */
 _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
 :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
 _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
@@ -1729,7 +2119,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
   right: 6px;
   left: 0;
-  border-right: 1px dashed #b4bbc6;
+  border-right: 1px dashed #a9bbff;
   border-left: none;
   border-radius: 0 2px 2px 0;
 }
@@ -1740,7 +2130,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   right: 0;
   left: 6px;
   border-right: none;
-  border-left: 1px dashed #b4bbc6;
+  border-left: 1px dashed #a9bbff;
   border-radius: 2px 0 0 2px;
 }
 .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
@@ -1752,8 +2142,8 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
   right: 6px;
   left: 6px;
-  border-right: 1px dashed #b4bbc6;
-  border-left: 1px dashed #b4bbc6;
+  border-right: 1px dashed #a9bbff;
+  border-left: 1px dashed #a9bbff;
   border-radius: 2px;
 }
 .ant-picker-dropdown-rtl .ant-picker-footer-extra {
@@ -1785,7 +2175,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   width: 96px;
   line-height: 28px;
   margin: 4px;
-  color: #2c6dd2;
+  color: #436bff;
   background: #e9f0fa;
   text-align: center;
   font-size: 12px;
@@ -1793,7 +2183,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   border-radius: 2px;
 }
 .pandora-sdk-panel.pandora-sdk-datetime-pick-panel .pandora-sdk-datetime-pick-preset .pandora-sdk-datetime-pick-item.active {
-  background: #2c6dd2;
+  background: #436bff;
   color: #ffffff;
   pointer-events: none;
 }
@@ -1808,10 +2198,10 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 }
 .pandora-sdk-datetime-pick-content .ant-calendar-selected-start-date .ant-calendar-date,
 .pandora-sdk-datetime-pick-content .ant-calendar-selected-end-date .ant-calendar-date {
-  background-color: #2c6dd2;
+  background-color: #436bff;
 }
 .pandora-sdk-datetime-pick-content .ant-calendar-range .ant-calendar-in-range-cell:before {
-  background-color: rgba(44, 109, 210, 0.2);
+  background-color: rgba(67, 107, 255, 0.2);
 }
 .pandora-sdk-error {
   color: #f5222d;
@@ -1883,7 +2273,7 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
   right: 0;
 }
 .pandora-sdk-datetime-pick-relative-tip a {
-  color: #2c6dd2;
+  color: #436bff;
   cursor: pointer;
   margin-left: 8px;
 }
@@ -1921,3 +2311,9 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
 .pandora-sdk-selector .pandora-sdk-datetime-pick-quarter-content .pandora-sdk-selector {
   margin-left: 18px;
 }
+.pandora-sdk-datetime-pick-trading-day-content {
+  padding: 16px;
+}
+.pandora-sdk-datetime-pick-trading-day-content .pandora-sdk-datetime-pick-trading-day-label {
+  margin-right: 16px;
+}