myprojectpackageprav/dist/cjs/components/calendar/calendar-items.js

My package in npm

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var calendar_data_1 = require("./calendar-data");
function Calendaritems(props) {
    return (React.createElement(React.Fragment, null,
        React.createElement("div", null,
            React.createElement("ul", { className: 'clalendar-item-type' },
                React.createElement("li", { className: 'dots dots-color1' }, "Events"),
                React.createElement("li", { className: 'dots dots-color2' }, "Trainings"),
                React.createElement("li", { className: 'dots dots-color3' }, "Meetings"))),
        calendar_data_1.AllPrograms.slice(0, 3).map(function (items) {
            return React.createElement("div", { id: items.id, className: "mb-2 calenderlist bordered1 border-radius1 p-1 pe-3 dots d-flex p-relative" },
                React.createElement("div", { tabIndex: 0, "aria-label": items.date, className: "p-2 py-1 border-right2 me-2 title-color8 mb-1 montserratbold text-center" },
                    React.createElement("p", null, items.date),
                    React.createElement("p", null, items.month)),
                React.createElement("div", { tabIndex: 0, "aria-live": "polite", className: "meetings-border-left" },
                    React.createElement("div", { className: "title-color1 font-14" }, items.title),
                    React.createElement("div", { className: "subtitle-color1" },
                        "Location: ",
                        items.venue,
                        " | Time: ",
                        items.starttime,
                        " ",
                        items.endtime)),
                React.createElement("div", { className: "calendarpopup" },
                    React.createElement("div", { className: "divarrow" }),
                    React.createElement("div", { className: "calendarpopupinfo" },
                        React.createElement("h2", { tabIndex: 0, "aria-label": items.title }, items.title),
                        React.createElement("div", { className: "divcalendarinfo w-100 position-relative" },
                            React.createElement("ul", { className: "m-0 p-0 w-100 list-type-none" },
                                React.createElement("li", { className: 'mb-1' },
                                    "Start: ",
                                    React.createElement("span", null, items.starttime)),
                                React.createElement("li", { className: 'mb-1' },
                                    "End: ",
                                    React.createElement("span", null, items.endtime)),
                                React.createElement("li", { className: 'mb-1' },
                                    "Location:  ",
                                    React.createElement("span", null, items.venue))),
                            React.createElement("h3", { tabIndex: 0, "aria-label": "Discription" }, "Discription:"),
                            React.createElement("p", { tabIndex: 0, "aria-label": items.discription }, items.discription)))));
        })));
}
exports.default = Calendaritems;
//# sourceMappingURL=calendar-items.js.map