react-base-guide
Version:
react ui components
38 lines • 1.51 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const styled_components_1 = __importDefault(require("styled-components"));
const dropdown_1 = __importDefault(require("../dropdown"));
const SelectorsWrapper = styled_components_1.default.div `
display: flex;
justify-content: space-between;
margin-bottom: 8px;
`;
const months = ({ months, month, setMonth }) => {
let result = [];
for (let i = 1; i <= 12; i++) {
result.push({
value: months[i - 1],
selected: i === month,
onClick: () => setMonth(i)
});
}
return result;
};
const years = ({ year, min, max, setYear }) => {
let result = [];
for (let i = max; i >= min; i--) {
result.push({
value: i,
selected: i === year,
onClick: () => setYear(i)
});
}
return result;
};
const Selectors = (props) => ((0, jsx_runtime_1.jsxs)(SelectorsWrapper, { children: [(0, jsx_runtime_1.jsx)(dropdown_1.default, { rows: months(props), menuHeight: "160px", styled: { width: "140px" } }), (0, jsx_runtime_1.jsx)(dropdown_1.default, { rows: years(props), menuHeight: "160px", styled: { width: "100px" } })] }));
exports.default = Selectors;
//# sourceMappingURL=selectors.js.map