@chayns-components/date
Version:
A set of beautiful React components for developing your own applications with chayns.
40 lines (39 loc) • 1.46 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledPseudoMonthYearPicker = exports.StyledCalendarIconWrapperPseudo = exports.StyledCalendarIconWrapperContent = exports.StyledCalendarIconWrapper = exports.StyledCalendar = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const StyledCalendar = exports.StyledCalendar = _styledComponents.default.div`
display: flex;
width: 100%;
opacity: ${({
$isDisabled
}) => $isDisabled ? 0.5 : 1};
pointer-events: ${({
$isDisabled
}) => $isDisabled ? 'none' : undefined};
user-select: none;
`;
const StyledCalendarIconWrapper = exports.StyledCalendarIconWrapper = _styledComponents.default.div`
cursor: pointer;
z-index: 2;
`;
const StyledCalendarIconWrapperContent = exports.StyledCalendarIconWrapperContent = _styledComponents.default.div`
display: flex;
flex-direction: row;
flex-wrap: nowrap;
height: fit-content;
`;
const StyledCalendarIconWrapperPseudo = exports.StyledCalendarIconWrapperPseudo = _styledComponents.default.div`
width: 15px;
`;
const StyledPseudoMonthYearPicker = exports.StyledPseudoMonthYearPicker = _styledComponents.default.div`
height: fit-content;
width: 0;
overflow: hidden;
pointer-events: none;
user-select: none;
`;
//# sourceMappingURL=Calendar.styles.js.map