@braineet/ui
Version:
Braineet design system
28 lines • 1.37 kB
JavaScript
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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;"]);