time-calendar
Version:
Shows the schedule, increases and decreases the calendar day, changing the schedule
103 lines (93 loc) • 3.35 kB
JavaScript
;
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/index.ts
var index_exports = {};
module.exports = __toCommonJS(index_exports);
// src/components/Time/Time.styled.ts
var import_styled_components = __toESM(require("styled-components"));
var Wrapper = import_styled_components.default.div`
display: grid;
grid-template-columns: repeat(auto-fill, 80px);
gap: 10px;
`;
var Cell = import_styled_components.default.div`
padding: 8px 16px;
border-radius: 16px;
border: 1px solid rgba(197, 193, 193, 0.77);
background-color: #fff;
text-align: center;
font-size: 14px;
font-weight: 400;
&:hover {
background-color: #f6f6f6;
border: 0;
cursor: pointer;
}
`;
// src/components/Time/Time.tsx
var import_jsx_runtime = require("react/jsx-runtime");
// src/components/Calendar/Calendar.tsx
var import_react2 = require("react");
// src/components/Calendar/Calendar.styled.ts
var import_styled_components2 = __toESM(require("styled-components"));
var Wrapper2 = import_styled_components2.default.div`
max-width: 350px;
border-radius: 12px;
box-shadow: 0px 4px 16px 0px #0000000A;
background-color: white;
padding: 10px;
`;
var Header = import_styled_components2.default.div`
margin-bottom: 16px;
display: flex;
justify-content: space-between;
`;
var FormatedDate = import_styled_components2.default.span`
font-size: 16px;
font-weight: 600;
`;
var NavWrapper = import_styled_components2.default.div`
display: flex;
justify-content: space-between;
gap: 10px;
`;
var Nav = import_styled_components2.default.button`
padding: 6px 10px;
border-radius: 12px;
background-color: rgba(197, 193, 193, 0.77);
border: 0;
&:hover {
background-color: #f6f6f6;
border: 0;
cursor: pointer;
}
`;
// src/components/Calendar/Calendar.tsx
var import_date_fns = require("date-fns");
// src/hooks/useDateFnsLocale.ts
var import_react = require("react");
// src/components/Calendar/Calendar.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
//# sourceMappingURL=index.js.map