@qn-pandora/pandora-component 5.1.1 → 5.1.2

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

@@ -51,14 +51,14 @@
   text-overflow: ellipsis;
 }
 .ant-input-number-affix-wrapper:hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
 }
 .ant-input-number-affix-wrapper:focus,
 .ant-input-number-affix-wrapper-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-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;
 }
@@ -116,7 +116,7 @@ textarea.ant-input-number-affix-wrapper {
   padding: 1px 7px;
 }
 .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
   z-index: 1;
 }
@@ -301,14 +301,14 @@ textarea.ant-input-number-affix-wrapper {
   text-overflow: ellipsis;
 }
 .ant-input-number:hover {
-  border-color: #2c6dd2;
+  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-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;
 }
@@ -454,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;
@@ -670,7 +670,7 @@ 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 {
@@ -721,7 +721,7 @@ textarea.ant-input-number {
   display: block;
 }
 .ant-input-number:hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
 }
 .ant-input-number:hover + .ant-form-item-children-icon {
@@ -730,9 +730,9 @@ 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-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;
 }
@@ -1027,13 +1027,13 @@ textarea.ant-input-number {
 }
 .ant-picker:hover,
 .ant-picker-focused {
-  border-color: #2c6dd2;
+  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-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;
 }
@@ -1111,14 +1111,14 @@ textarea.ant-input-number {
   text-overflow: ellipsis;
 }
 .ant-picker-input > input:hover {
-  border-color: #2c6dd2;
+  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-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;
 }
@@ -1269,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;
@@ -1368,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 {
@@ -1490,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,
@@ -1553,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,
@@ -1650,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;
@@ -1659,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: '';
 }
@@ -1667,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%;
@@ -1696,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;
@@ -1717,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;
@@ -1731,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: '';
@@ -1756,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;
 }
@@ -1766,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;
 }
@@ -1822,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);
@@ -1854,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 {
@@ -1891,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 {
@@ -1977,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;
@@ -2000,10 +2000,10 @@ 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);
@@ -2119,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;
 }
@@ -2130,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,
@@ -2142,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 {
@@ -2175,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;
@@ -2183,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;
 }
@@ -2198,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;
@@ -2273,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;
 }
@@ -2311,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;
+}