@braineet/ui
Version:
Braineet design system
28 lines • 1.43 kB
JavaScript
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import styled from 'styled-components';
import Box from '../box';
import Input from '../input';
export var RangeContainer = styled(Box).withConfig({
displayName: "RangeDatePickerstyles__RangeContainer",
componentId: "sc-1macak2-0"
})(["display:flex;align-items:center;background-color:", ";border:2px solid ", ";color:", ";outline:none;box-sizing:border-box;border-radius:", ";height:40px;&::placeholder{color:", ";}&:not([disabled]):hover{background-color:", ";}"], function (p) {
return p.theme.colors.background.light.grey;
}, function (p) {
return p.theme.utils.lighten('black', 0.1);
}, function (p) {
return p.theme.colors.black;
}, function (props) {
return props.theme.borderRadius.md;
}, function (p) {
return p.theme.colors.black;
}, function (p) {
return p.theme.utils.lighten('black', 0.1);
});
export var DateInput = styled(Input).attrs(function (p) {
return _extends({
autoRefresh: true
}, p);
}).withConfig({
displayName: "RangeDatePickerstyles__DateInput",
componentId: "sc-1macak2-1"
})(["border:none;background-color:transparent !important;"]);