norma-library/dist/esm/components/DateInput/styles.js

Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.

import { __makeTemplateObject } from "tslib";
import styled from "styled-components";
import "react-datepicker/dist/react-datepicker.css";
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .react-datepicker-wrapper {\n    width: 100%;\n    input {\n      border: none;\n      color: #4D4F5C;\n      border-bottom: 1px solid #00000033;\n      outline: none;\n      font-size: 18px;\n      padding: 8px;\n      width: 100%;\n      font-size: 16px;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .react-datepicker-wrapper {\n    width: 100%;\n    input {\n      border: none;\n      color: #4D4F5C;\n      border-bottom: 1px solid #00000033;\n      outline: none;\n      font-size: 18px;\n      padding: 8px;\n      width: 100%;\n      font-size: 16px;\n    }\n  }\n"])));
export var Label = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 14px;\n  margin: 0 0 4px 0;\n  color: #666;\n"], ["\n  font-size: 14px;\n  margin: 0 0 4px 0;\n  color: #666;\n"])));
var templateObject_1, templateObject_2;
//# sourceMappingURL=styles.js.map