monday-ui-react-core/dist/esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js

Official monday.com UI resources for application development in React.js

var e={datePickerHeader:"datePickerHeader_49175ec8b6",button:"button_0dd09438c3",buttonContent:"buttonContent_c4394e5b64"};!function(e){const n="s_id-89778422f1e0_2_149_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_49175ec8b6 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_49175ec8b6 .button_0dd09438c3 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_49175ec8b6 .button_0dd09438c3 .buttonContent_c4394e5b64 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_49175ec8b6 .button_0dd09438c3 .buttonContent_c4394e5b64:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
//# sourceMappingURL=DatePickerHeader.module.scss.js.map