{"id":580,"date":"2025-08-21T20:09:08","date_gmt":"2025-08-22T00:09:08","guid":{"rendered":"https:\/\/ps369.org\/?page_id=580"},"modified":"2026-03-27T11:17:00","modified_gmt":"2026-03-27T15:17:00","slug":"calendar","status":"publish","type":"page","link":"https:\/\/ps369.org\/?page_id=580","title":{"rendered":"Calendar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"580\" class=\"elementor elementor-580\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1231d599 e-flex e-con-boxed e-con e-parent\" data-id=\"1231d599\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a178e23 elementor-widget elementor-widget-html\" data-id=\"a178e23\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                colors: {\n                    yleBlue: '#122449',\n                    yleGold: '#FFD700',\n                },\n                fontFamily: {\n                    sans: ['Inter', 'sans-serif'],\n                    poppins: ['Poppins', 'sans-serif'],\n                }\n            }\n        }\n    }\n<\/script>\n\n<style>\n    .hide-scrollbar::-webkit-scrollbar {\n        display: none;\n    }\n    .hide-scrollbar {\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n    }\n    \n    @keyframes fadeIn {\n        from { opacity: 0; transform: scale(0.98); }\n        to { opacity: 1; transform: scale(1); }\n    }\n    .animate-fade-in {\n        animation: fadeIn 0.3s ease-out forwards;\n    }\n\n    @media (max-width: 767px) {\n        .mobile-grid-container {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n            background-color: #f9fafb;\n            border: none;\n            box-shadow: none;\n        }\n        .mobile-grid-header {\n            display: none;\n        }\n        .calendar-cell {\n            display: flex;\n            flex-direction: row;\n            gap: 1rem;\n            border: 1px solid #e5e7eb !important;\n            border-radius: 0.75rem;\n            min-height: auto !important;\n            padding: 1rem !important;\n            background-color: white !important;\n            box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n        }\n        .calendar-cell.empty-cell {\n            display: none; \n        }\n        .cell-date-num {\n            font-size: 1.5rem !important;\n            color: #122449 !important;\n            width: 40px;\n            text-align: center;\n            flex-shrink: 0;\n        }\n        .cell-content-area {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: flex-start !important;\n            text-align: left !important;\n            gap: 0.25rem !important;\n            width: 100%;\n        }\n        .cell-content-area > div, \n        .cell-content-area > span {\n            text-align: left !important;\n        }\n        .pantry-icon {\n            position: absolute;\n            right: 1rem;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 2rem !important;\n        }\n    }\n<\/style>\n\n<div class=\"bg-gray-50 text-gray-800 antialiased selection:bg-yleGold selection:text-yleBlue font-sans\">\n    <section class=\"py-16 bg-white border-y border-gray-200 shadow-sm\" id=\"yle-calendar-section\">\n        <div class=\"max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8\">\n            \n            <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-8 gap-6\">\n                <div>\n                    <div class=\"w-16 h-1.5 bg-yleGold rounded-full mb-4\"><\/div>\n                    <h2 class=\"text-4xl md:text-5xl font-extrabold text-yleBlue font-poppins tracking-tight mb-2\">School Calendar<\/h2>\n                    <p class=\"text-gray-500 font-medium\">Important dates and events for the 2025-2026 academic year.<\/p>\n                <\/div>\n\n                <div class=\"flex gap-2 md:gap-3 bg-gray-100 p-1.5 rounded-full w-full md:w-fit overflow-x-auto hide-scrollbar\">\n                    <button onclick=\"switchTab('mar')\" id=\"tab-mar\" class=\"month-btn whitespace-nowrap bg-transparent text-gray-600 hover:text-yleBlue px-5 md:px-6 py-2 rounded-full font-bold transition-all duration-300 flex-1 md:flex-none\">March 2026<\/button>\n                    <button onclick=\"switchTab('apr')\" id=\"tab-apr\" class=\"month-btn active whitespace-nowrap bg-white text-yleBlue shadow-sm px-5 md:px-6 py-2 rounded-full font-bold transition-all duration-300 flex-1 md:flex-none\">April 2026<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"w-full relative\">\n\n                <div id=\"grid-mar\" class=\"w-full hidden\">\n                    \n                    <div class=\"mobile-grid-header grid grid-cols-7 bg-yleBlue text-white font-bold text-sm tracking-widest uppercase border-b-2 border-yleGold rounded-t-xl overflow-hidden shadow-sm\">\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Sun<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Mon<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Tue<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Wed<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Thu<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Fri<\/div>\n                        <div class=\"py-3 text-center\">Sat<\/div>\n                    <\/div>\n\n                    <div class=\"mobile-grid-container grid grid-cols-7 bg-white shadow-lg border border-gray-200 md:rounded-b-xl overflow-hidden\">\n                        \n                        <div class=\"calendar-cell empty-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">1<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">2<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center md:mt-4\">Black History Month Assembly<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">3<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center md:mt-4\">Computer Classes<br class=\"hidden md:block\">11:00am-12:00pm<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">4<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center mb-1\">Report Cards send home<\/div>\n                                <div class=\"text-[0.75rem] text-gray-700 text-center md:mt-auto\">After School Academy<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">5<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col items-center\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center leading-tight mb-2\">3rd Parent Teacher Conference<\/div>\n                                <div class=\"text-[0.7rem] font-bold bg-yellow-100 text-yellow-800 uppercase px-1.5 py-1 rounded w-fit mx-auto text-center border border-yellow-200\">Half day for students<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col hover:bg-blue-50\/50 transition-colors relative overflow-hidden bg-orange-50\/30\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 block md:absolute md:top-2 md:left-2\">6<\/span>\n                            <div class=\"cell-content-area flex-1 flex flex-col items-center justify-center md:mt-4 w-full\">\n                                <div class=\"text-[0.8rem] font-black text-gray-900 text-center uppercase tracking-wide\">Pantry Friday<\/div>\n                                <div class=\"pantry-icon text-3xl md:mt-1 drop-shadow-md\">\ud83d\udecd\ufe0f<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-b border-gray-200 p-2 min-h-[140px] bg-gray-50 flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">7<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center mb-1\">Chess Tournament at X123<\/div>\n                                <div class=\"text-[0.75rem] text-gray-700 text-center md:mt-auto\">Saturday Academy<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"calendar-cell empty-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">8<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">9<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.7rem] text-gray-900 text-center leading-tight mb-1\">PA meeting 8:30am breakfast<\/div>\n                                <div class=\"text-[0.7rem] text-gray-600 text-center leading-tight mb-2\">9:00am-10:00am<\/div>\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center md:mt-2\">SLT 3:00pm<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">10<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center md:mt-4\">Computer Classes<br class=\"hidden md:block\">11:00am-12:00pm<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">11<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] text-gray-700 text-center md:mt-4\">After School Academy<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">12<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] text-gray-700 text-center md:mt-4\">After School Academy<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col hover:bg-blue-50\/50 transition-colors relative bg-orange-50\/30\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block md:absolute md:top-2 md:left-2\">13<\/span>\n                            <div class=\"cell-content-area flex-1 flex flex-col items-center justify-center md:mt-4 w-full\">\n                                <div class=\"text-[0.8rem] font-black text-gray-900 text-center uppercase tracking-wide\">Pantry Friday<\/div>\n                                <div class=\"pantry-icon text-3xl md:mt-1 drop-shadow-md\">\ud83d\udecd\ufe0f<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-b border-gray-200 p-2 min-h-[140px] bg-gray-50 flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">14<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.7rem] text-gray-900 text-center leading-tight mb-1\">Chess Tournament At X14<\/div>\n                                <div class=\"text-[0.7rem] text-gray-900 text-center leading-tight mb-2\">Cooking Class 12:00PM-1:00 PM<\/div>\n                                <div class=\"text-[0.75rem] text-gray-700 text-center md:mt-auto\">Saturday Academy<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"calendar-cell empty-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">15<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-green-50\/50 transition-colors bg-green-50\/20\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 block\">16<\/span>\n                            <div class=\"cell-content-area flex-1 flex items-center justify-center w-full\">\n                                <div class=\"text-[0.8rem] md:text-[0.9rem] font-bold text-green-700 text-center tracking-wide flex items-center gap-1.5 bg-white md:bg-transparent px-3 py-1 rounded border border-green-200 md:border-none md:p-0\"><span class=\"text-xl\">\ud83c\udf40<\/span> St. Patrick Day <span class=\"text-xl hidden md:inline\">\ud83c\udf40<\/span><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">17<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center md:mt-4\">Computer Classes<br class=\"hidden md:block\">11:00am-12:00pm<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">18<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] text-gray-700 text-center md:mt-4\">After School Academy<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">19<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center md:mt-2 mb-1\">3G Trip to the Bronx<\/div>\n                                <div class=\"text-[0.75rem] text-gray-700 text-center md:mt-auto\">After School Academy<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-red-50\/30 flex flex-col hover:bg-red-50\/60 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">20<\/span>\n                            <div class=\"cell-content-area flex-1 flex flex-col items-center md:justify-center gap-1 w-full\">\n                                <div class=\"text-[0.85rem] font-bold text-gray-900 text-center\">Eid al-Fitr<\/div>\n                                <div class=\"text-[0.7rem] font-bold bg-red-100 text-red-700 uppercase px-2 py-1 rounded w-fit text-center border border-red-200 shadow-sm\">School Closed<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-b border-gray-200 p-2 min-h-[140px] bg-gray-50 flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">21<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center md:mt-4\">Chess Tournament At X390<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"calendar-cell empty-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">22<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">23<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.7rem] text-gray-900 text-center md:mt-2 leading-tight\">Graduation Pictures <span class=\"font-bold block mt-1\">ONLY for 3k, Pre-K and 5G<\/span><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">24<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center md:mt-4\">Computer Classes<br class=\"hidden md:block\">11:00am-12:00pm<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell empty-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\/30\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">25<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell empty-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\/30\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">26<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col hover:bg-blue-50\/50 transition-colors relative bg-orange-50\/30\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 block md:absolute md:top-2 md:left-2\">27<\/span>\n                            <div class=\"cell-content-area flex-1 flex flex-col items-center justify-center md:mt-4 w-full\">\n                                <div class=\"text-[0.8rem] font-black text-gray-900 text-center uppercase tracking-wide\">Pantry Friday<\/div>\n                                <div class=\"pantry-icon text-3xl md:mt-1 drop-shadow-md\">\ud83d\udecd\ufe0f<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-b border-gray-200 p-2 min-h-[140px] bg-gray-50 flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">28<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] text-gray-700 text-center md:mt-4\">Saturday Academy<\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"calendar-cell empty-cell border-r p-2 min-h-[140px] bg-gray-50\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">29<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell empty-cell border-r p-2 min-h-[140px] bg-gray-50\/30\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">30<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell border-r p-2 min-h-[140px] flex flex-col gap-1.5 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">31<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center md:mt-4\">K- Application Offer Release<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"calendar-cell empty-cell border-r p-2 min-h-[140px] bg-gray-50\/30\"><\/div>\n                        <div class=\"calendar-cell empty-cell border-r p-2 min-h-[140px] bg-gray-50\/30\"><\/div>\n                        <div class=\"calendar-cell empty-cell border-r p-2 min-h-[140px] bg-gray-50\/30\"><\/div>\n                        <div class=\"calendar-cell empty-cell p-2 min-h-[140px] bg-gray-50\/30\"><\/div>\n\n                    <\/div>\n                <\/div>\n\n                <div id=\"grid-apr\" class=\"animate-fade-in w-full block\">\n                    \n                    <div class=\"mobile-grid-header grid grid-cols-7 bg-yleBlue text-white font-bold text-sm tracking-widest uppercase border-b-2 border-yleGold rounded-t-xl overflow-hidden shadow-sm\">\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Sun<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Mon<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Tue<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Wed<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Thu<\/div>\n                        <div class=\"py-3 text-center border-r border-blue-900\/50\">Fri<\/div>\n                        <div class=\"py-3 text-center\">Sat<\/div>\n                    <\/div>\n\n                    <div class=\"mobile-grid-container grid grid-cols-7 bg-white shadow-lg border border-gray-200 md:rounded-b-xl overflow-hidden\">\n                        \n                        <div class=\"calendar-cell empty-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\/30\">\n                        <\/div>\n                        <div class=\"calendar-cell empty-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\/30\">\n                        <\/div>\n                        <div class=\"calendar-cell empty-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\/30\">\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">1<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-start\">\n                                <div class=\"text-[0.7rem] text-gray-900 mb-0.5\">April's Fools Day<\/div>\n                                <div class=\"text-[0.7rem] text-gray-900 mb-0.5\">-Passover (Evening)<\/div>\n                                <div class=\"text-[0.7rem] text-gray-900 mb-0.5\">-D7 Math Showcase<\/div>\n                                <div class=\"text-[0.7rem] text-gray-900\">-Paraprofessional Appreciation Day<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">2<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-end\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center mt-auto pb-2\">Spring Breaks Begins<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">3<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center mt-2\">Good Friday<\/div>\n                                <div class=\"text-[0.75rem] text-gray-900 text-center pb-2\">Spring Breaks Begins<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\/30 flex flex-col hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">4<\/span>\n                        <\/div>\n\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50 flex flex-col hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">5<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col items-center justify-center\">\n                                <div class=\"text-[0.8rem] font-bold text-gray-800 text-center flex gap-1 items-center justify-center\">\ud83d\udc30 EASTER \ud83d\udc30<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-100 flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">6<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.7rem] text-gray-900 text-center mt-2\">Assistant Principal Appreciation Week<\/div>\n                                <div class=\"text-[0.75rem] text-gray-900 text-center pb-2\">Spring Break<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-100 flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">7<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-end\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center pb-2\">Spring Break<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-100 flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">8<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-end\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center pb-2\">Spring Break<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-100 flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">9<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-end\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center pb-2\">Spring Break<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-100 flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">10<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-end\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center pb-2\">Spring Break<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\/30 flex flex-col hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">11<\/span>\n                        <\/div>\n\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50 flex flex-col hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">12<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">13<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center mt-2\">Vision Screening<br>Room 206<\/div>\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">14<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.7rem] text-gray-900 text-center mt-1\">PA Meeting<br>8:30am-10:am<\/div>\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center\">SLT 3pm<\/div>\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">15<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center mt-4\">2G Trip Lion King<\/div>\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">16<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center mt-4\">KG Bubble Show<\/div>\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">17<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-end\">\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\/30 flex flex-col hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">18<\/span>\n                        <\/div>\n\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] bg-gray-50 flex flex-col hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">19<\/span>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">20<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center mt-2\">Testing Pep Rally<br>2-5<\/div>\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">21<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.75rem] text-gray-900 text-center mt-1\">ELA DAY 1<\/div>\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center\">3-5 STATE TEST<\/div>\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">22<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.7rem] text-gray-900 text-center\">Earth Day<br>Admin Profess Day<\/div>\n                                <div class=\"text-[0.75rem] text-gray-900 text-center\">ELA DAY 2<\/div>\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center\">3-5 STATE TEST<\/div>\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center\">1G Aladdin<\/div>\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">23<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-center\">\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1 md:mt-auto\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">24<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-center\">\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1 md:mt-auto\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-b border-gray-200 p-2 min-h-[140px] bg-gray-50\/30 flex flex-col hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">25<\/span>\n                        <\/div>\n\n                        <div class=\"calendar-cell border-r border-b md:border-b-0 border-gray-200 p-2 min-h-[140px] bg-gray-50 flex flex-col hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-400 mb-1 block\">26<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-end\">\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1 md:mt-auto\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b md:border-b-0 border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">27<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-end\">\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1 md:mt-auto\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b md:border-b-0 border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">28<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-end\">\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1 md:mt-auto\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b md:border-b-0 border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">29<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.8rem] text-gray-900 text-center mt-2\">Math Day 1<\/div>\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center\">3-5 STATE TEST<\/div>\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell border-r border-b md:border-b-0 border-gray-200 p-2 min-h-[140px] flex flex-col gap-1 hover:bg-blue-50\/50 transition-colors\">\n                            <span class=\"cell-date-num text-sm font-bold text-gray-700 mb-1 block\">30<\/span>\n                            <div class=\"cell-content-area w-full h-full flex flex-col justify-between\">\n                                <div class=\"text-[0.8rem] text-gray-900 text-center mt-2\">Math Day 2<\/div>\n                                <div class=\"text-[0.75rem] font-bold text-gray-900 text-center\">3-5 STATE TEST<\/div>\n                                <div class=\"text-[0.7rem] text-gray-700 text-center pb-1\">NYSESLAT Speaking<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"calendar-cell empty-cell border-r border-b md:border-b-0 border-gray-200 p-2 min-h-[140px] bg-gray-50\/30\"><\/div>\n                        <div class=\"calendar-cell empty-cell border-b md:border-b-0 p-2 min-h-[140px] bg-gray-50\/30\"><\/div>\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n    function switchTab(month) {\n        const btnMar = document.getElementById('tab-mar');\n        const btnApr = document.getElementById('tab-apr');\n        const gridMar = document.getElementById('grid-mar');\n        const gridApr = document.getElementById('grid-apr');\n\n        if (month === 'mar') {\n            btnMar.classList.add('active', 'bg-white', 'text-yleBlue', 'shadow-sm');\n            btnMar.classList.remove('bg-transparent', 'text-gray-600');\n            \n            btnApr.classList.remove('active', 'bg-white', 'text-yleBlue', 'shadow-sm');\n            btnApr.classList.add('bg-transparent', 'text-gray-600');\n\n            gridMar.classList.remove('hidden');\n            gridMar.classList.add('block');\n            gridApr.classList.remove('block');\n            gridApr.classList.add('hidden');\n        } else {\n            btnApr.classList.add('active', 'bg-white', 'text-yleBlue', 'shadow-sm');\n            btnApr.classList.remove('bg-transparent', 'text-gray-600');\n            \n            btnMar.classList.remove('active', 'bg-white', 'text-yleBlue', 'shadow-sm');\n            btnMar.classList.add('bg-transparent', 'text-gray-600');\n\n            gridApr.classList.remove('hidden');\n            gridApr.classList.add('block');\n            gridMar.classList.remove('block');\n            gridMar.classList.add('hidden');\n        }\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>School Calendar Important dates and events for the 2025-2026 academic year. March 2026 April 2026 Sun Mon Tue Wed Thu Fri Sat 1 2 Black History Month Assembly 3 Computer Classes11:00am-12:00pm 4 Report Cards send home After School Academy 5 3rd Parent Teacher Conference Half day for students 6 Pantry Friday \ud83d\udecd\ufe0f 7 Chess Tournament [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-580","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ps369.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=580"}],"version-history":[{"count":34,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/580\/revisions"}],"predecessor-version":[{"id":1424,"href":"https:\/\/ps369.org\/index.php?rest_route=\/wp\/v2\/pages\/580\/revisions\/1424"}],"wp:attachment":[{"href":"https:\/\/ps369.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}