Bank Open Today - Live Status & Branch Hours<\/title>\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n 'bank-navy': '#060d1f',\n 'bank-surface': '#0b162c',\n 'bank-border': '#1e293b',\n 'bank-emerald': '#059669',\n 'bank-emerald-light': '#10b981',\n 'bank-emerald-glow': '#34d399',\n 'bank-amber': '#d97706',\n 'bank-rose': '#e11d48'\n },\n fontFamily: {\n sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],\n mono: ['JetBrains Mono', 'Menlo', 'Courier New', 'monospace']\n }\n }\n }\n };\n <\/script>\n\n <style>\n \/* Scoped WordPress Theme CSS Isolation *\/\n #bank-widget-root,\n #bank-widget-root * {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n box-sizing: border-box;\n }\n\n #bank-widget-root {\n container-type: inline-size;\n container-name: bank-widget;\n }\n\n .header-emerald-navy {\n background: linear-gradient(135deg, #04101e 0%, #06192d 50%, #0a2544 100%);\n }\n\n .hero-open-gradient {\n background: linear-gradient(135deg, #064e3b 0%, #047857 50%, #059669 100%);\n }\n\n .hero-closed-gradient {\n background: linear-gradient(135deg, #881337 0%, #9f1239 50%, #be123c 100%);\n }\n\n .service-card-glow {\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .service-card-glow:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.15);\n }\n\n .custom-scrollbar::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n }\n .custom-scrollbar::-webkit-scrollbar-track {\n background: #f1f5f9;\n }\n .custom-scrollbar::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 4px;\n }\n .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n\n @container bank-widget (max-width: 680px) {\n .stat-hero-flex {\n flex-direction: column !important;\n }\n .time-display-big {\n font-size: 2.25rem !important;\n }\n }\n <\/style>\n<\/head>\n<body class=\"bg-transparent font-sans antialiased text-slate-800 p-0 m-0\">\n\n <div id=\"bank-widget-root\" class=\"w-full bg-white shadow-2xl border border-slate-200\/90 rounded-2xl flex flex-col overflow-hidden relative\">\n\n \n <div class=\"header-emerald-navy text-white p-4 sm:p-6 relative shrink-0 overflow-hidden border-b border-slate-800\">\n \n <div class=\"absolute -top-20 -right-20 w-72 h-72 bg-emerald-500 opacity-20 rounded-full blur-3xl pointer-events-none\"><\/div>\n <div class=\"absolute -bottom-20 -left-20 w-72 h-72 bg-teal-400 opacity-15 rounded-full blur-3xl pointer-events-none\"><\/div>\n\n <div class=\"relative z-10 w-full flex flex-col gap-4\">\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-3\">\n \n \n <div class=\"flex items-center gap-3.5\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-emerald-500\/20 to-teal-500\/30 rounded-2xl flex items-center justify-center border border-emerald-400\/30 shadow-inner backdrop-blur-md shrink-0\">\n \n <svg class=\"w-6 h-6 text-emerald-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"m3 9 9-7 9 7v1H3V9z\"\/>\n <line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"\/>\n <line x1=\"5\" y1=\"10\" x2=\"5\" y2=\"21\"\/>\n <line x1=\"19\" y1=\"10\" x2=\"19\" y2=\"21\"\/>\n <line x1=\"9\" y1=\"10\" x2=\"9\" y2=\"21\"\/>\n <line x1=\"14\" y1=\"10\" x2=\"14\" y2=\"21\"\/>\n <\/svg>\n <\/div>\n <div>\n <div class=\"flex items-center gap-2 flex-wrap\">\n <h1 class=\"text-xl sm:text-2xl font-black tracking-tight text-white uppercase leading-none\">Bank Open Today<\/h1>\n <span class=\"bg-gradient-to-r from-emerald-500 to-teal-500 text-white text-[9px] font-black uppercase px-2.5 py-0.5 rounded tracking-widest shadow-sm\">\n LIVE BRANCH STATUS\n <\/span>\n <\/div>\n <p class=\"text-xs font-medium text-slate-300 mt-1 flex items-center gap-1.5\">\n <svg class=\"w-3.5 h-3.5 text-emerald-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <span>RBI Schedule • Working Saturdays • Daily Counter Hours (10 AM - 4 PM)<\/span>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-wrap items-center gap-2\">\n \n <div class=\"flex items-center gap-1.5 bg-slate-900\/90 border border-slate-700\/80 px-2.5 py-1.5 rounded-xl text-slate-300 text-xs shadow-sm backdrop-blur-sm\">\n <svg class=\"w-3.5 h-3.5 text-emerald-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n <\/svg>\n <label for=\"state-selector\" class=\"text-[11px] font-bold text-slate-300\">Circle:<\/label>\n <select id=\"state-selector\" onchange=\"handleStateChange(this.value)\" class=\"bg-slate-800 text-emerald-400 font-bold text-xs uppercase px-2 py-0.5 rounded border border-slate-700 focus:outline-none focus:ring-1 focus:ring-emerald-400 cursor-pointer\">\n <option value=\"ALL\">All India (National)<\/option>\n <option value=\"MH\">Maharashtra (Mumbai)<\/option>\n <option value=\"DL\">Delhi (NCR)<\/option>\n <option value=\"KA\">Karnataka (Bengaluru)<\/option>\n <option value=\"TN\">Tamil Nadu (Chennai)<\/option>\n <option value=\"WB\">West Bengal (Kolkata)<\/option>\n <option value=\"KL\">Kerala (Kochi\/TVM)<\/option>\n <option value=\"GJ\">Gujarat (Ahmedabad)<\/option>\n <option value=\"TS\">Telangana (Hyderabad)<\/option>\n <option value=\"UP\">Uttar Pradesh (Lucknow)<\/option>\n <option value=\"BR\">Bihar (Patna)<\/option>\n <option value=\"JH\" selected>Jharkhand (Ranchi)<\/option>\n <option value=\"PB\">Punjab \/ Haryana<\/option>\n <option value=\"RJ\">Rajasthan (Jaipur)<\/option>\n <option value=\"MP\">Madhya Pradesh (Bhopal)<\/option>\n <option value=\"AP\">Andhra Pradesh<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"p-4 sm:p-6 bg-slate-50 border-b border-slate-200\">\n <div class=\"stat-hero-flex flex flex-col md:flex-row items-stretch justify-between gap-4\">\n \n \n <div class=\"flex-1 bg-white p-5 rounded-2xl border border-slate-200 shadow-sm flex flex-col justify-between\">\n <div class=\"flex items-center justify-between gap-2 mb-2\">\n <span class=\"text-[11px] font-black uppercase tracking-wider text-slate-400 flex items-center gap-1.5\">\n <svg class=\"w-4 h-4 text-emerald-600\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n <\/svg>\n TODAY'S DATE & TIME\n <\/span>\n <span class=\"text-[10px] font-mono font-bold px-2 py-0.5 rounded-md\" id=\"today-relative-tag\">\n CHECKING...\n <\/span>\n <\/div>\n\n <div class=\"my-2\">\n <h2 class=\"text-xl sm:text-2xl font-black text-slate-900 leading-tight\" id=\"hero-date-display\">\n --\n <\/h2>\n \n <div class=\"time-display-big text-3xl sm:text-4xl md:text-5xl font-black tracking-tight text-slate-900 font-mono flex items-baseline gap-2 mt-1\">\n <span id=\"hero-time-digits\">--:--:--<\/span>\n <span class=\"text-base sm:text-lg font-bold text-emerald-600\" id=\"hero-time-ampm\">--<\/span>\n <span class=\"text-[11px] font-normal text-slate-400 font-sans\" id=\"hero-time-tz\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"pt-2.5 border-t border-slate-100 flex flex-wrap items-center justify-between text-xs text-slate-500 gap-1.5\">\n <span class=\"flex items-center gap-1.5 font-medium text-slate-600\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-emerald-500 animate-pulse\"><\/span>\n Live Clock Sync Active\n <\/span>\n <span class=\"font-bold text-slate-700 bg-slate-100 px-2 py-0.5 rounded border border-slate-200\" id=\"hero-banking-hours-text\">\n Regular Counter Hours: 10:00 AM \u2013 4:00 PM\n <\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"hero-status-card\" class=\"flex-1 text-white p-5 rounded-2xl shadow-lg border flex flex-col justify-between relative overflow-hidden transition-all duration-300\">\n <div class=\"relative z-10\">\n <div class=\"flex items-center justify-between gap-2 mb-2\">\n <span class=\"text-[10px] font-black uppercase tracking-wider bg-white\/20 px-2.5 py-0.5 rounded-full border border-white\/25 text-white shadow-xs\">\n OFFICIAL BRANCH STATUS\n <\/span>\n <span id=\"status-chip\" class=\"text-[11px] font-mono font-bold px-2 py-0.5 rounded\">\n CHECKING...\n <\/span>\n <\/div>\n\n \n <div class=\"my-2\">\n <div class=\"flex items-center gap-2.5\">\n <div id=\"status-icon-wrapper\" class=\"w-10 h-10 rounded-xl bg-white\/20 flex items-center justify-center shrink-0 border border-white\/25 shadow-sm\">\n \n <\/div>\n <h3 id=\"hero-status-title\" class=\"text-2xl sm:text-3xl font-black text-white uppercase leading-tight tracking-tight\">\n --\n <\/h3>\n <\/div>\n <p id=\"hero-status-reason\" class=\"text-xs sm:text-sm font-semibold text-white\/95 mt-2 leading-relaxed\">\n --\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"relative z-10 pt-3 border-t border-white\/20 mt-3 flex flex-wrap items-center justify-between text-xs text-white\/90 gap-2\">\n <div class=\"flex items-center gap-3\">\n <span class=\"flex items-center gap-1 font-bold\">\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\"><\/span>\n UPI & NetBanking: <strong class=\"text-white ml-0.5\">24x7 ACTIVE<\/strong>\n <\/span>\n <span class=\"flex items-center gap-1 font-bold\">\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\"><\/span>\n ATMs: <strong class=\"text-white ml-0.5\">OPEN<\/strong>\n <\/span>\n <\/div>\n <span id=\"next-working-hint\" class=\"text-[11px] bg-black\/30 border border-white\/10 px-2 py-0.5 rounded font-medium\">\n Counter: 10:00 AM \u2013 4:00 PM\n <\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"p-4 sm:p-6 bg-slate-50 border-b border-slate-200\">\n <div class=\"flex items-center justify-between mb-3\">\n <span class=\"text-xs font-black text-slate-800 uppercase tracking-wider flex items-center gap-1.5\">\n <svg class=\"w-4 h-4 text-amber-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n <\/svg>\n <span id=\"saturday-matrix-title\">Saturdays in Current Month<\/span>\n <\/span>\n <span class=\"text-[11px] text-slate-500 font-bold\">RBI Mandate: 1st, 3rd, 5th Sat = OPEN • 2nd, 4th = OFF<\/span>\n <\/div>\n\n <div id=\"saturday-pills-container\" class=\"grid grid-cols-2 sm:grid-cols-4 md:grid-cols-5 gap-2.5\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"p-4 sm:p-6 bg-[#f8fafc] flex-1\">\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n \n \n <div class=\"bg-white p-4 sm:p-5 rounded-2xl border border-slate-200 shadow-sm flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center gap-2 mb-1.5\">\n <svg class=\"w-4 h-4 text-emerald-600\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n <\/svg>\n <h3 class=\"text-sm font-black text-slate-900 uppercase tracking-tight\">Check Any Date<\/h3>\n <\/div>\n <p class=\"text-xs text-slate-500 mb-3\">\n Check if banks are open on any upcoming festival, Saturday, or holiday.\n <\/p>\n\n <div class=\"space-y-3\">\n <div>\n <label for=\"date-picker-input\" class=\"block text-[11px] font-bold uppercase tracking-wider text-slate-600 mb-1\">Select Date<\/label>\n <input type=\"date\" id=\"date-picker-input\" class=\"w-full bg-slate-50 border border-slate-300 text-slate-800 text-sm font-semibold rounded-xl px-3 py-2 focus:ring-2 focus:ring-emerald-500 focus:outline-none\">\n <\/div>\n\n \n <div id=\"custom-date-result\" class=\"p-3 rounded-xl border border-slate-200 bg-slate-50 text-xs\">\n <div class=\"flex items-center justify-between mb-1\">\n <span class=\"font-bold text-slate-700\" id=\"checker-target-date\">Selected Date<\/span>\n <span id=\"checker-status-pill\" class=\"text-[10px] font-black uppercase px-2 py-0.5 rounded bg-slate-200 text-slate-700\">STATUS<\/span>\n <\/div>\n <p class=\"text-slate-600 font-medium mt-1 leading-snug\" id=\"checker-reason\">\n Select a date above to check banking status.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"button\" onclick=\"resetToToday()\" class=\"mt-4 w-full bg-slate-100 hover:bg-slate-200 text-slate-700 font-bold text-xs py-2 px-3 rounded-xl transition-colors text-center\">\n Reset to Today\n <\/button>\n <\/div>\n\n \n <div class=\"lg:col-span-2 bg-white p-4 sm:p-5 rounded-2xl border border-slate-200 shadow-sm flex flex-col\">\n <div class=\"flex items-center justify-between mb-3 border-b border-slate-100 pb-2\">\n <div class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-emerald-600\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n <\/svg>\n <h3 class=\"text-sm font-black text-slate-900 uppercase tracking-tight\">Upcoming Bank Holidays Calendar<\/h3>\n <\/div>\n <span class=\"text-[11px] font-semibold text-slate-500\" id=\"upcoming-holidays-filter-label\">National & State Filter<\/span>\n <\/div>\n\n \n <div id=\"upcoming-holidays-list\" class=\"space-y-2 overflow-y-auto max-h-[220px] custom-scrollbar pr-1\">\n \n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white border-t border-slate-200 px-4 py-3 text-center shrink-0\">\n <p class=\"text-[11px] text-slate-400 font-medium\">\n Bank Open Today • Real-time schedule under Reserve Bank of India (RBI) Negotiable Instruments Act • Cheque clearance, branch counters & 24x7 UPI.\n <\/p>\n <\/div>\n\n <\/div>\n\n <script>\n \/\/ State Name Mapping\n const STATE_NAMES = {\n 'ALL': 'All India',\n 'MH': 'Maharashtra',\n 'DL': 'Delhi NCR',\n 'KA': 'Karnataka',\n 'TN': 'Tamil Nadu',\n 'WB': 'West Bengal',\n 'KL': 'Kerala',\n 'GJ': 'Gujarat',\n 'TS': 'Telangana',\n 'UP': 'Uttar Pradesh',\n 'BR': 'Bihar',\n 'JH': 'Jharkhand',\n 'PB': 'Punjab\/Haryana',\n 'RJ': 'Rajasthan',\n 'MP': 'Madhya Pradesh',\n 'AP': 'Andhra Pradesh'\n };\n\n \/\/ Real-time Circle selection (defaults to detected or user choice)\n let selectedState = 'JH';\n\n \/\/ Comprehensive Bank Holiday Calendar (National & Regional)\n const currentYear = new Date().getFullYear();\n const ANNUAL_BANK_HOLIDAYS = [\n \/\/ National Holidays (Mandatory closures across India)\n { date: `${currentYear}-01-26`, name: 'Republic Day', type: 'National Holiday', states: ['ALL'], desc: 'National celebration; all branches closed nationwide.' },\n { date: `${currentYear}-04-01`, name: 'Annual Accounts Closing', type: 'RBI Mandate', states: ['ALL'], desc: 'Annual commercial bank closing of accounts day.' },\n { date: `${currentYear}-08-15`, name: 'Independence Day', type: 'National Holiday', states: ['ALL'], desc: 'Independence Day; public & private banks closed.' },\n { date: `${currentYear}-10-02`, name: 'Mahatma Gandhi Jayanti', type: 'National Holiday', states: ['ALL'], desc: 'National gazetted holiday celebrating Mahatma Gandhi.' },\n\n \/\/ Major Gazetted Festivals\n { date: `${currentYear}-03-04`, name: 'Holi (Dhuleti)', type: 'Gazetted Festival', states: ['ALL'], desc: 'Celebrated across North, West and Central circles.' },\n { date: `${currentYear}-03-20`, name: 'Id-ul-Fitr (Eid)', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Observed across banking circles nationwide.' },\n { date: `${currentYear}-03-27`, name: 'Good Friday', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Closure under Negotiable Instruments Act.' },\n { date: `${currentYear}-04-14`, name: 'Dr. B.R. Ambedkar Jayanti', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Observed across all banking circles.' },\n { date: `${currentYear}-05-27`, name: 'Bakrid \/ Id-ul-Zuha', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Public bank holiday observed nationwide.' },\n { date: `${currentYear}-06-26`, name: 'Muharram', type: 'Gazetted Holiday', states: ['ALL'], desc: 'National banking holiday under NI Act.' },\n { date: `${currentYear}-09-04`, name: 'Janmashtami', type: 'Gazetted Festival', states: ['ALL'], desc: 'Celebrated in majority of banking circles.' },\n { date: `${currentYear}-10-20`, name: 'Dussehra \/ Vijaya Dashami', type: 'Gazetted Holiday', states: ['ALL'], desc: 'National festive closure across all banks.' },\n { date: `${currentYear}-11-08`, name: 'Diwali (Deepavali)', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Major festival; all bank branches closed.' },\n { date: `${currentYear}-11-24`, name: 'Guru Nanak Jayanti', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Gazetted holiday across northern and western states.' },\n { date: `${currentYear}-12-25`, name: 'Christmas Day', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Public holiday observed across commercial banks.' },\n\n \/\/ Regional & State-Specific Bank Holidays (RBI Circles)\n { date: `${currentYear}-01-14`, name: 'Makar Sankranti \/ Pongal', type: 'Regional Holiday', states: ['TN', 'AP', 'TS', 'GJ', 'KA'], desc: 'Harvest festival in Southern and Western states; open elsewhere.' },\n { date: `${currentYear}-02-19`, name: 'Chhatrapati Shivaji Maharaj Jayanti', type: 'Regional Holiday', states: ['MH'], desc: 'State holiday in Maharashtra; branches open in other states.' },\n { date: `${currentYear}-03-19`, name: 'Gudi Padwa \/ Ugadi', type: 'Regional Holiday', states: ['MH', 'KA', 'TS', 'AP'], desc: 'New Year celebration in Maharashtra, Karnataka and Telangana.' },\n { date: `${currentYear}-04-15`, name: 'Poila Boishakh \/ Vishu', type: 'Regional Holiday', states: ['WB', 'KL', 'TN'], desc: 'Regional New Year in West Bengal, Kerala and Tamil Nadu.' },\n { date: `${currentYear}-05-01`, name: 'Maharashtra Day \/ May Day', type: 'Regional Holiday', states: ['MH', 'KL', 'WB', 'TN'], desc: 'State formation day in Maharashtra; May Day in South\/East.' },\n { date: `${currentYear}-08-27`, name: 'Onam (Thiruvonam)', type: 'Regional Holiday', states: ['KL'], desc: 'Celebrated in Kerala; banks open in rest of India.' },\n { date: `${currentYear}-09-14`, name: 'Ganesh Chaturthi', type: 'Regional Holiday', states: ['MH', 'GJ', 'KA', 'TS', 'AP'], desc: 'Festival holiday in Maharashtra, Gujarat, Karnataka and AP.' },\n { date: `${currentYear}-10-18`, name: 'Durga Puja (Maha Saptami)', type: 'Regional Holiday', states: ['WB', 'BR', 'JH'], desc: 'Durga Puja celebrations in West Bengal, Bihar and Jharkhand.' },\n { date: `${currentYear}-11-15`, name: 'Chhath Puja (Arghya)', type: 'Regional Holiday', states: ['BR', 'JH', 'UP'], desc: 'Grand regional festival in Bihar, Jharkhand and UP.' }\n ];\n\n \/\/ Helper: Calculate Saturday Index (1st, 2nd, 3rd, 4th, 5th Saturday)\n function getSaturdayIndex(date) {\n if (date.getDay() !== 6) return 0;\n return Math.ceil(date.getDate() \/ 7);\n }\n\n \/\/ Helper: Format Date to YYYY-MM-DD\n function toDateString(d) {\n const year = d.getFullYear();\n const month = String(d.getMonth() + 1).padStart(2, '0');\n const day = String(d.getDate()).padStart(2, '0');\n return `${year}-${month}-${day}`;\n }\n\n \/\/ Evaluate Bank Status for any given Date and State (Including Counter Operating Hours)\n function evaluateBankStatus(targetDate, stateCode = 'ALL') {\n const dateStr = toDateString(targetDate);\n const dayOfWeek = targetDate.getDay(); \/\/ 0 = Sun, 6 = Sat\n\n \/\/ 1. Check Annual Holidays (National & Regional)\n const holidaysOnDate = ANNUAL_BANK_HOLIDAYS.filter(h => h.date === dateStr);\n if (holidaysOnDate.length > 0) {\n const nationalMatch = holidaysOnDate.find(h => h.states.includes('ALL'));\n if (nationalMatch) {\n return {\n isOpen: false,\n badge: '\u25cf NATIONAL CLOSURE',\n badgeClass: 'bg-rose-950\/80 text-rose-200 border border-rose-400\/40',\n title: 'BANKS ARE CLOSED TODAY',\n reason: `${nationalMatch.name} \u2014 National Holiday under Negotiable Instruments Act. All bank branches are closed nationwide.`,\n type: 'national-holiday'\n };\n }\n\n if (stateCode !== 'ALL') {\n const stateMatch = holidaysOnDate.find(h => h.states.includes(stateCode));\n if (stateMatch) {\n const sName = STATE_NAMES[stateCode] || stateCode;\n return {\n isOpen: false,\n badge: `\u25cf CLOSED IN ${stateCode}`,\n badgeClass: 'bg-amber-950\/80 text-amber-200 border border-amber-400\/40',\n title: `BANKS CLOSED IN ${sName.toUpperCase()}`,\n reason: `${stateMatch.name} \u2014 Regional Holiday in ${sName}. Branches remain open in non-celebrating circles.`,\n type: 'regional-holiday'\n };\n }\n }\n }\n\n \/\/ 2. Check Sundays\n if (dayOfWeek === 0) {\n return {\n isOpen: false,\n badge: '\u25cf SUNDAY OFF',\n badgeClass: 'bg-rose-950\/80 text-rose-200 border border-rose-400\/40',\n title: 'BANKS ARE CLOSED TODAY',\n reason: 'Sunday \u2014 Universal weekly bank holiday across all public, private, and regional bank branches in India.',\n type: 'sunday'\n };\n }\n\n \/\/ 3. Check Saturdays (RBI 2nd & 4th Saturday Rule)\n if (dayOfWeek === 6) {\n const satIdx = getSaturdayIndex(targetDate);\n const suffix = ['th', 'st', 'nd', 'rd', 'th', 'th'][satIdx] || 'th';\n const satName = `${satIdx}${suffix} Saturday`;\n\n if (satIdx === 2 || satIdx === 4) {\n return {\n isOpen: false,\n badge: `\u25cf ${satIdx}${suffix.toUpperCase()} SATURDAY OFF`,\n badgeClass: 'bg-rose-950\/80 text-rose-200 border border-rose-400\/40',\n title: 'BANKS ARE CLOSED TODAY',\n reason: `${satName} \u2014 Mandatory bank holiday across all public & private sector banks under official Reserve Bank of India (RBI) rules.`,\n type: 'saturday-off'\n };\n }\n }\n\n \/\/ 4. Working Banking Day (Monday-Friday or 1st\/3rd\/5th Saturday)\n \/\/ Now check live counter operating hours (10:00 AM to 4:00 PM)\n const currentHour = targetDate.getHours();\n const currentMinute = targetDate.getMinutes();\n const totalMinutes = currentHour * 60 + currentMinute;\n const openMinutes = 10 * 60; \/\/ 10:00 AM\n const closeMinutes = 16 * 60; \/\/ 4:00 PM\n\n if (totalMinutes < openMinutes) {\n return {\n isOpen: true,\n isBeforeHours: true,\n badge: '\u25cf OPENS AT 10:00 AM',\n badgeClass: 'bg-emerald-950\/80 text-emerald-200 border border-emerald-400\/40',\n title: 'BANKS OPEN TODAY',\n reason: 'Regular Working Day \u2014 Branch doors & counter services open at 10:00 AM for public transactions.',\n type: 'working-day-morning'\n };\n } else if (totalMinutes >= closeMinutes) {\n return {\n isOpen: false,\n isAfterHours: true,\n badge: '\u25cf COUNTER CLOSED',\n badgeClass: 'bg-slate-900\/90 text-amber-200 border border-amber-400\/40',\n title: 'COUNTERS CLOSED FOR TODAY',\n reason: 'Daily public transaction hours (10:00 AM \u2013 4:00 PM) have ended for today. Branches reopen next working day. UPI, NetBanking & ATMs remain active 24x7.',\n type: 'working-day-evening'\n };\n } else {\n return {\n isOpen: true,\n badge: '\u25cf OPEN RIGHT NOW',\n badgeClass: 'bg-emerald-950\/80 text-emerald-200 border border-emerald-400\/40',\n title: 'BANKS ARE OPEN TODAY',\n reason: 'Regular Banking Business Day \u2014 Branch counters are currently open for cash withdrawals, deposits, cheque clearances, and public transactions.',\n type: 'working-day-active'\n };\n }\n }\n\n \/\/ Live Clock Ticker\n function updateLiveClock() {\n const now = new Date();\n const dateFormatted = now.toLocaleDateString('en-IN', {\n weekday: 'long',\n day: 'numeric',\n month: 'short',\n year: 'numeric'\n });\n document.getElementById('hero-date-display').textContent = dateFormatted;\n\n let hours = now.getHours();\n const minutes = String(now.getMinutes()).padStart(2, '0');\n const seconds = String(now.getSeconds()).padStart(2, '0');\n const ampm = hours >= 12 ? 'PM' : 'AM';\n hours = hours % 12;\n hours = hours ? hours : 12;\n const hoursStr = String(hours).padStart(2, '0');\n\n document.getElementById('hero-time-digits').textContent = `${hoursStr}:${minutes}:${seconds}`;\n document.getElementById('hero-time-ampm').textContent = ampm;\n\n const tzName = new Intl.DateTimeFormat('en-IN', { timeZoneName: 'short' })\n .formatToParts(now)\n .find(p => p.type === 'timeZoneName')?.value || 'IST';\n document.getElementById('hero-time-tz').textContent = `(${tzName})`;\n }\n\n \/\/ Render Hero Status Card based on REAL-TIME Live Situation\n function renderHeroStatus() {\n const now = new Date();\n const status = evaluateBankStatus(now, selectedState);\n\n const card = document.getElementById('hero-status-card');\n const titleEl = document.getElementById('hero-status-title');\n const reasonEl = document.getElementById('hero-status-reason');\n const chipEl = document.getElementById('status-chip');\n const iconWrapper = document.getElementById('status-icon-wrapper');\n const relativeTag = document.getElementById('today-relative-tag');\n\n titleEl.textContent = status.title;\n reasonEl.textContent = status.reason;\n chipEl.textContent = status.badge;\n chipEl.className = `text-[11px] font-mono font-bold px-2 py-0.5 rounded ${status.badgeClass}`;\n\n if (status.isOpen && !status.isAfterHours) {\n \/\/ Bank open or opens today\n card.className = \"flex-1 hero-open-gradient text-white p-5 rounded-2xl shadow-lg border border-emerald-400\/20 flex flex-col justify-between relative overflow-hidden transition-all duration-300\";\n relativeTag.textContent = \"WORKING DAY\";\n relativeTag.className = \"text-[10px] font-mono font-bold bg-emerald-50 text-emerald-700 border border-emerald-200 px-2 py-0.5 rounded-md\";\n iconWrapper.innerHTML = `\n <svg class=\"w-6 h-6 text-white\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n `;\n } else if (status.isAfterHours) {\n \/\/ Working day, but counters closed for the day after 4 PM\n card.className = \"flex-1 bg-gradient-to-br from-slate-800 via-slate-900 to-indigo-950 text-white p-5 rounded-2xl shadow-lg border border-slate-700 flex flex-col justify-between relative overflow-hidden transition-all duration-300\";\n relativeTag.textContent = \"COUNTERS CLOSED\";\n relativeTag.className = \"text-[10px] font-mono font-bold bg-amber-50 text-amber-800 border border-amber-200 px-2 py-0.5 rounded-md\";\n iconWrapper.innerHTML = `\n <svg class=\"w-6 h-6 text-amber-300\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n `;\n } else {\n \/\/ Mandatory Holiday \/ Weekend closure (2nd\/4th Saturday, Sunday, Festival)\n card.className = \"flex-1 hero-closed-gradient text-white p-5 rounded-2xl shadow-lg border border-rose-400\/20 flex flex-col justify-between relative overflow-hidden transition-all duration-300\";\n relativeTag.textContent = \"HOLIDAY \/ OFF\";\n relativeTag.className = \"text-[10px] font-mono font-bold bg-rose-50 text-rose-700 border border-rose-200 px-2 py-0.5 rounded-md\";\n iconWrapper.innerHTML = `\n <svg class=\"w-6 h-6 text-white\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\n <\/svg>\n `;\n }\n }\n\n \/\/ Render Saturday Matrix for the Month\n function renderSaturdayMatrix() {\n const now = new Date();\n const year = now.getFullYear();\n const month = now.getMonth();\n const monthName = now.toLocaleDateString('en-IN', { month: 'long', year: 'numeric' });\n document.getElementById('saturday-matrix-title').textContent = `Saturdays in ${monthName}`;\n\n const container = document.getElementById('saturday-pills-container');\n container.innerHTML = '';\n\n const saturdays = [];\n const temp = new Date(year, month, 1);\n while (temp.getMonth() === month) {\n if (temp.getDay() === 6) {\n saturdays.push(new Date(temp));\n }\n temp.setDate(temp.getDate() + 1);\n }\n\n saturdays.forEach((satDate, idx) => {\n const satNumber = idx + 1;\n const isOff = satNumber === 2 || satNumber === 4;\n const isToday = toDateString(satDate) === toDateString(now);\n\n const dateStr = satDate.toLocaleDateString('en-IN', { day: 'numeric', month: 'short' });\n const suffix = ['th', 'st', 'nd', 'rd', 'th', 'th'][satNumber] || 'th';\n\n const pill = document.createElement('div');\n pill.className = `p-3 rounded-xl border flex flex-col items-center justify-center text-center transition-all ${\n isToday ? 'ring-2 ring-emerald-500 shadow-md' : ''\n } ${\n isOff \n ? 'bg-rose-50\/80 border-rose-200 text-rose-900' \n : 'bg-emerald-50\/80 border-emerald-200 text-emerald-900'\n }`;\n\n pill.innerHTML = `\n <div class=\"flex items-center gap-1\">\n <span class=\"text-[10px] font-black uppercase tracking-wider\">${satNumber}${suffix} Sat<\/span>\n ${isToday ? '<span class=\"w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse\"><\/span>' : ''}\n <\/div>\n <span class=\"text-xs font-bold my-1\">${dateStr}<\/span>\n <span class=\"text-[9px] font-mono font-black uppercase px-2 py-0.5 rounded ${\n isOff ? 'bg-rose-200 text-rose-800' : 'bg-emerald-200 text-emerald-800'\n }\">\n ${isOff ? 'OFF' : 'OPEN'}\n <\/span>\n `;\n container.appendChild(pill);\n });\n }\n\n \/\/ Render Upcoming Holidays Calendar\n function renderUpcomingHolidays() {\n const listEl = document.getElementById('upcoming-holidays-list');\n const filterLabel = document.getElementById('upcoming-holidays-filter-label');\n listEl.innerHTML = '';\n\n const todayStr = toDateString(new Date());\n const relevant = ANNUAL_BANK_HOLIDAYS.filter(h => {\n const isUpcoming = h.date >= todayStr;\n if (!isUpcoming) return false;\n if (selectedState === 'ALL') return true;\n return h.states.includes('ALL') || h.states.includes(selectedState);\n });\n\n const stateName = STATE_NAMES[selectedState] || selectedState;\n filterLabel.textContent = selectedState === 'ALL' ? 'Showing All India Holidays' : `Filtered for ${stateName}`;\n\n if (relevant.length === 0) {\n listEl.innerHTML = `<p class=\"text-xs text-slate-400 py-4 text-center\">No more bank holidays scheduled for this circle.<\/p>`;\n return;\n }\n\n relevant.slice(0, 6).forEach(item => {\n const itemDate = new Date(item.date);\n const dayName = itemDate.toLocaleDateString('en-IN', { weekday: 'short', day: 'numeric', month: 'short' });\n const isNational = item.states.includes('ALL');\n\n const row = document.createElement('div');\n row.className = \"flex items-center justify-between p-2.5 rounded-xl border border-slate-100 bg-slate-50 hover:bg-slate-100 transition-colors\";\n \n const typeBadge = isNational\n ? `<span class=\"text-[9px] font-bold bg-purple-100 text-purple-700 px-1.5 py-0.2 rounded font-mono\">National<\/span>`\n : `<span class=\"text-[9px] font-bold bg-amber-100 text-amber-800 px-1.5 py-0.2 rounded font-mono\">Regional (${item.states.join(', ')})<\/span>`;\n\n row.innerHTML = `\n <div class=\"flex items-center gap-2.5\">\n <div class=\"w-8 h-8 rounded-lg ${isNational ? 'bg-purple-100 text-purple-700' : 'bg-amber-100 text-amber-700'} flex items-center justify-center font-black text-xs shrink-0\">\n ${itemDate.getDate()}\n <\/div>\n <div>\n <div class=\"flex items-center gap-1.5\">\n <h4 class=\"text-xs font-bold text-slate-800 leading-tight\">${item.name}<\/h4>\n ${typeBadge}\n <\/div>\n <span class=\"text-[10px] font-medium text-slate-400\">${item.desc}<\/span>\n <\/div>\n <\/div>\n <div class=\"text-right shrink-0 ml-2\">\n <span class=\"text-xs font-mono font-bold text-slate-700 bg-white border border-slate-200 px-2 py-0.5 rounded shadow-2xs\">${dayName}<\/span>\n <\/div>\n `;\n listEl.appendChild(row);\n });\n }\n\n \/\/ Handle State Change\n function handleStateChange(newState) {\n selectedState = newState;\n renderHeroStatus();\n renderUpcomingHolidays();\n }\n\n \/\/ Setup Date Picker\n function setupDatePicker() {\n const picker = document.getElementById('date-picker-input');\n const todayStr = toDateString(new Date());\n picker.value = todayStr;\n\n picker.addEventListener('change', (e) => {\n const val = e.target.value;\n if (!val) return;\n const [y, m, d] = val.split('-').map(Number);\n updateCustomDateView(new Date(y, m - 1, d));\n });\n\n updateCustomDateView(new Date());\n }\n\n function updateCustomDateView(targetDate) {\n const formatted = targetDate.toLocaleDateString('en-IN', {\n weekday: 'short',\n day: 'numeric',\n month: 'short',\n year: 'numeric'\n });\n document.getElementById('checker-target-date').textContent = formatted;\n\n const res = evaluateBankStatus(targetDate, selectedState);\n const pill = document.getElementById('checker-status-pill');\n const reason = document.getElementById('checker-reason');\n\n pill.textContent = res.isOpen ? 'OPEN' : 'CLOSED';\n pill.className = `text-[10px] font-mono font-black uppercase px-2 py-0.5 rounded ${\n res.isOpen ? 'bg-emerald-200 text-emerald-800' : 'bg-rose-200 text-rose-800'\n }`;\n reason.textContent = res.reason;\n }\n\n function resetToToday() {\n const today = new Date();\n document.getElementById('date-picker-input').value = toDateString(today);\n updateCustomDateView(today);\n }\n\n \/\/ Initialize on DOM Ready\n document.addEventListener('DOMContentLoaded', () => {\n updateLiveClock();\n setInterval(updateLiveClock, 1000);\n\n renderHeroStatus();\n \/\/ Re-render hero status every 60 seconds to track counter hours transition automatically\n setInterval(renderHeroStatus, 60000);\n\n renderSaturdayMatrix();\n renderUpcomingHolidays();\n setupDatePicker();\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>Bank Open Today LIVE BRANCH STATUS RBI Schedule \u2022 Working Saturdays \u2022 Daily Counter Hours (10 AM – 4 PM) Circle: All India (National)Maharashtra (Mumbai)Delhi (NCR)Karnataka (Bengaluru)Tamil Nadu (Chennai)West Bengal (Kolkata)Kerala (Kochi\/TVM)Gujarat (Ahmedabad)Telangana (Hyderabad)Uttar Pradesh (Lucknow)Bihar (Patna)Jharkhand (Ranchi)Punjab \/ HaryanaRajasthan (Jaipur)Madhya Pradesh (Bhopal)Andhra Pradesh TODAY’S DATE & TIME CHECKING… — –:–:– — Live Clock Sync […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[15,256,1],"tags":[],"class_list":{"0":"post-3423","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-banking","7":"category-india","8":"category-news"},"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/posts\/3423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/comments?post=3423"}],"version-history":[{"count":6,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/posts\/3423\/revisions"}],"predecessor-version":[{"id":3432,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/posts\/3423\/revisions\/3432"}],"wp:attachment":[{"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/media?parent=3423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/categories?post=3423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/tags?post=3423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Bank Open Today - Live Status & Branch Hours<\/title>\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n 'bank-navy': '#060d1f',\n 'bank-surface': '#0b162c',\n 'bank-border': '#1e293b',\n 'bank-emerald': '#059669',\n 'bank-emerald-light': '#10b981',\n 'bank-emerald-glow': '#34d399',\n 'bank-amber': '#d97706',\n 'bank-rose': '#e11d48'\n },\n fontFamily: {\n sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],\n mono: ['JetBrains Mono', 'Menlo', 'Courier New', 'monospace']\n }\n }\n }\n };\n <\/script>\n\n <style>\n \/* Scoped WordPress Theme CSS Isolation *\/\n #bank-widget-root,\n #bank-widget-root * {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n box-sizing: border-box;\n }\n\n #bank-widget-root {\n container-type: inline-size;\n container-name: bank-widget;\n }\n\n .header-emerald-navy {\n background: linear-gradient(135deg, #04101e 0%, #06192d 50%, #0a2544 100%);\n }\n\n .hero-open-gradient {\n background: linear-gradient(135deg, #064e3b 0%, #047857 50%, #059669 100%);\n }\n\n .hero-closed-gradient {\n background: linear-gradient(135deg, #881337 0%, #9f1239 50%, #be123c 100%);\n }\n\n .service-card-glow {\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .service-card-glow:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.15);\n }\n\n .custom-scrollbar::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n }\n .custom-scrollbar::-webkit-scrollbar-track {\n background: #f1f5f9;\n }\n .custom-scrollbar::-webkit-scrollbar-thumb {\n background: #cbd5e1;\n border-radius: 4px;\n }\n .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n background: #94a3b8;\n }\n\n @container bank-widget (max-width: 680px) {\n .stat-hero-flex {\n flex-direction: column !important;\n }\n .time-display-big {\n font-size: 2.25rem !important;\n }\n }\n <\/style>\n<\/head>\n<body class=\"bg-transparent font-sans antialiased text-slate-800 p-0 m-0\">\n\n <div id=\"bank-widget-root\" class=\"w-full bg-white shadow-2xl border border-slate-200\/90 rounded-2xl flex flex-col overflow-hidden relative\">\n\n \n <div class=\"header-emerald-navy text-white p-4 sm:p-6 relative shrink-0 overflow-hidden border-b border-slate-800\">\n \n <div class=\"absolute -top-20 -right-20 w-72 h-72 bg-emerald-500 opacity-20 rounded-full blur-3xl pointer-events-none\"><\/div>\n <div class=\"absolute -bottom-20 -left-20 w-72 h-72 bg-teal-400 opacity-15 rounded-full blur-3xl pointer-events-none\"><\/div>\n\n <div class=\"relative z-10 w-full flex flex-col gap-4\">\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-3\">\n \n \n <div class=\"flex items-center gap-3.5\">\n <div class=\"w-12 h-12 bg-gradient-to-br from-emerald-500\/20 to-teal-500\/30 rounded-2xl flex items-center justify-center border border-emerald-400\/30 shadow-inner backdrop-blur-md shrink-0\">\n \n <svg class=\"w-6 h-6 text-emerald-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"m3 9 9-7 9 7v1H3V9z\"\/>\n <line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"\/>\n <line x1=\"5\" y1=\"10\" x2=\"5\" y2=\"21\"\/>\n <line x1=\"19\" y1=\"10\" x2=\"19\" y2=\"21\"\/>\n <line x1=\"9\" y1=\"10\" x2=\"9\" y2=\"21\"\/>\n <line x1=\"14\" y1=\"10\" x2=\"14\" y2=\"21\"\/>\n <\/svg>\n <\/div>\n <div>\n <div class=\"flex items-center gap-2 flex-wrap\">\n <h1 class=\"text-xl sm:text-2xl font-black tracking-tight text-white uppercase leading-none\">Bank Open Today<\/h1>\n <span class=\"bg-gradient-to-r from-emerald-500 to-teal-500 text-white text-[9px] font-black uppercase px-2.5 py-0.5 rounded tracking-widest shadow-sm\">\n LIVE BRANCH STATUS\n <\/span>\n <\/div>\n <p class=\"text-xs font-medium text-slate-300 mt-1 flex items-center gap-1.5\">\n <svg class=\"w-3.5 h-3.5 text-emerald-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <span>RBI Schedule • Working Saturdays • Daily Counter Hours (10 AM - 4 PM)<\/span>\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-wrap items-center gap-2\">\n \n <div class=\"flex items-center gap-1.5 bg-slate-900\/90 border border-slate-700\/80 px-2.5 py-1.5 rounded-xl text-slate-300 text-xs shadow-sm backdrop-blur-sm\">\n <svg class=\"w-3.5 h-3.5 text-emerald-400\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n <\/svg>\n <label for=\"state-selector\" class=\"text-[11px] font-bold text-slate-300\">Circle:<\/label>\n <select id=\"state-selector\" onchange=\"handleStateChange(this.value)\" class=\"bg-slate-800 text-emerald-400 font-bold text-xs uppercase px-2 py-0.5 rounded border border-slate-700 focus:outline-none focus:ring-1 focus:ring-emerald-400 cursor-pointer\">\n <option value=\"ALL\">All India (National)<\/option>\n <option value=\"MH\">Maharashtra (Mumbai)<\/option>\n <option value=\"DL\">Delhi (NCR)<\/option>\n <option value=\"KA\">Karnataka (Bengaluru)<\/option>\n <option value=\"TN\">Tamil Nadu (Chennai)<\/option>\n <option value=\"WB\">West Bengal (Kolkata)<\/option>\n <option value=\"KL\">Kerala (Kochi\/TVM)<\/option>\n <option value=\"GJ\">Gujarat (Ahmedabad)<\/option>\n <option value=\"TS\">Telangana (Hyderabad)<\/option>\n <option value=\"UP\">Uttar Pradesh (Lucknow)<\/option>\n <option value=\"BR\">Bihar (Patna)<\/option>\n <option value=\"JH\" selected>Jharkhand (Ranchi)<\/option>\n <option value=\"PB\">Punjab \/ Haryana<\/option>\n <option value=\"RJ\">Rajasthan (Jaipur)<\/option>\n <option value=\"MP\">Madhya Pradesh (Bhopal)<\/option>\n <option value=\"AP\">Andhra Pradesh<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"p-4 sm:p-6 bg-slate-50 border-b border-slate-200\">\n <div class=\"stat-hero-flex flex flex-col md:flex-row items-stretch justify-between gap-4\">\n \n \n <div class=\"flex-1 bg-white p-5 rounded-2xl border border-slate-200 shadow-sm flex flex-col justify-between\">\n <div class=\"flex items-center justify-between gap-2 mb-2\">\n <span class=\"text-[11px] font-black uppercase tracking-wider text-slate-400 flex items-center gap-1.5\">\n <svg class=\"w-4 h-4 text-emerald-600\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n <\/svg>\n TODAY'S DATE & TIME\n <\/span>\n <span class=\"text-[10px] font-mono font-bold px-2 py-0.5 rounded-md\" id=\"today-relative-tag\">\n CHECKING...\n <\/span>\n <\/div>\n\n <div class=\"my-2\">\n <h2 class=\"text-xl sm:text-2xl font-black text-slate-900 leading-tight\" id=\"hero-date-display\">\n --\n <\/h2>\n \n <div class=\"time-display-big text-3xl sm:text-4xl md:text-5xl font-black tracking-tight text-slate-900 font-mono flex items-baseline gap-2 mt-1\">\n <span id=\"hero-time-digits\">--:--:--<\/span>\n <span class=\"text-base sm:text-lg font-bold text-emerald-600\" id=\"hero-time-ampm\">--<\/span>\n <span class=\"text-[11px] font-normal text-slate-400 font-sans\" id=\"hero-time-tz\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"pt-2.5 border-t border-slate-100 flex flex-wrap items-center justify-between text-xs text-slate-500 gap-1.5\">\n <span class=\"flex items-center gap-1.5 font-medium text-slate-600\">\n <span class=\"w-2.5 h-2.5 rounded-full bg-emerald-500 animate-pulse\"><\/span>\n Live Clock Sync Active\n <\/span>\n <span class=\"font-bold text-slate-700 bg-slate-100 px-2 py-0.5 rounded border border-slate-200\" id=\"hero-banking-hours-text\">\n Regular Counter Hours: 10:00 AM \u2013 4:00 PM\n <\/span>\n <\/div>\n <\/div>\n\n \n <div id=\"hero-status-card\" class=\"flex-1 text-white p-5 rounded-2xl shadow-lg border flex flex-col justify-between relative overflow-hidden transition-all duration-300\">\n <div class=\"relative z-10\">\n <div class=\"flex items-center justify-between gap-2 mb-2\">\n <span class=\"text-[10px] font-black uppercase tracking-wider bg-white\/20 px-2.5 py-0.5 rounded-full border border-white\/25 text-white shadow-xs\">\n OFFICIAL BRANCH STATUS\n <\/span>\n <span id=\"status-chip\" class=\"text-[11px] font-mono font-bold px-2 py-0.5 rounded\">\n CHECKING...\n <\/span>\n <\/div>\n\n \n <div class=\"my-2\">\n <div class=\"flex items-center gap-2.5\">\n <div id=\"status-icon-wrapper\" class=\"w-10 h-10 rounded-xl bg-white\/20 flex items-center justify-center shrink-0 border border-white\/25 shadow-sm\">\n \n <\/div>\n <h3 id=\"hero-status-title\" class=\"text-2xl sm:text-3xl font-black text-white uppercase leading-tight tracking-tight\">\n --\n <\/h3>\n <\/div>\n <p id=\"hero-status-reason\" class=\"text-xs sm:text-sm font-semibold text-white\/95 mt-2 leading-relaxed\">\n --\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"relative z-10 pt-3 border-t border-white\/20 mt-3 flex flex-wrap items-center justify-between text-xs text-white\/90 gap-2\">\n <div class=\"flex items-center gap-3\">\n <span class=\"flex items-center gap-1 font-bold\">\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\"><\/span>\n UPI & NetBanking: <strong class=\"text-white ml-0.5\">24x7 ACTIVE<\/strong>\n <\/span>\n <span class=\"flex items-center gap-1 font-bold\">\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\"><\/span>\n ATMs: <strong class=\"text-white ml-0.5\">OPEN<\/strong>\n <\/span>\n <\/div>\n <span id=\"next-working-hint\" class=\"text-[11px] bg-black\/30 border border-white\/10 px-2 py-0.5 rounded font-medium\">\n Counter: 10:00 AM \u2013 4:00 PM\n <\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"p-4 sm:p-6 bg-slate-50 border-b border-slate-200\">\n <div class=\"flex items-center justify-between mb-3\">\n <span class=\"text-xs font-black text-slate-800 uppercase tracking-wider flex items-center gap-1.5\">\n <svg class=\"w-4 h-4 text-amber-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n <\/svg>\n <span id=\"saturday-matrix-title\">Saturdays in Current Month<\/span>\n <\/span>\n <span class=\"text-[11px] text-slate-500 font-bold\">RBI Mandate: 1st, 3rd, 5th Sat = OPEN • 2nd, 4th = OFF<\/span>\n <\/div>\n\n <div id=\"saturday-pills-container\" class=\"grid grid-cols-2 sm:grid-cols-4 md:grid-cols-5 gap-2.5\">\n \n <\/div>\n <\/div>\n\n \n <div class=\"p-4 sm:p-6 bg-[#f8fafc] flex-1\">\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n \n \n <div class=\"bg-white p-4 sm:p-5 rounded-2xl border border-slate-200 shadow-sm flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center gap-2 mb-1.5\">\n <svg class=\"w-4 h-4 text-emerald-600\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"\/>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\n <\/svg>\n <h3 class=\"text-sm font-black text-slate-900 uppercase tracking-tight\">Check Any Date<\/h3>\n <\/div>\n <p class=\"text-xs text-slate-500 mb-3\">\n Check if banks are open on any upcoming festival, Saturday, or holiday.\n <\/p>\n\n <div class=\"space-y-3\">\n <div>\n <label for=\"date-picker-input\" class=\"block text-[11px] font-bold uppercase tracking-wider text-slate-600 mb-1\">Select Date<\/label>\n <input type=\"date\" id=\"date-picker-input\" class=\"w-full bg-slate-50 border border-slate-300 text-slate-800 text-sm font-semibold rounded-xl px-3 py-2 focus:ring-2 focus:ring-emerald-500 focus:outline-none\">\n <\/div>\n\n \n <div id=\"custom-date-result\" class=\"p-3 rounded-xl border border-slate-200 bg-slate-50 text-xs\">\n <div class=\"flex items-center justify-between mb-1\">\n <span class=\"font-bold text-slate-700\" id=\"checker-target-date\">Selected Date<\/span>\n <span id=\"checker-status-pill\" class=\"text-[10px] font-black uppercase px-2 py-0.5 rounded bg-slate-200 text-slate-700\">STATUS<\/span>\n <\/div>\n <p class=\"text-slate-600 font-medium mt-1 leading-snug\" id=\"checker-reason\">\n Select a date above to check banking status.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"button\" onclick=\"resetToToday()\" class=\"mt-4 w-full bg-slate-100 hover:bg-slate-200 text-slate-700 font-bold text-xs py-2 px-3 rounded-xl transition-colors text-center\">\n Reset to Today\n <\/button>\n <\/div>\n\n \n <div class=\"lg:col-span-2 bg-white p-4 sm:p-5 rounded-2xl border border-slate-200 shadow-sm flex flex-col\">\n <div class=\"flex items-center justify-between mb-3 border-b border-slate-100 pb-2\">\n <div class=\"flex items-center gap-2\">\n <svg class=\"w-4 h-4 text-emerald-600\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n <\/svg>\n <h3 class=\"text-sm font-black text-slate-900 uppercase tracking-tight\">Upcoming Bank Holidays Calendar<\/h3>\n <\/div>\n <span class=\"text-[11px] font-semibold text-slate-500\" id=\"upcoming-holidays-filter-label\">National & State Filter<\/span>\n <\/div>\n\n \n <div id=\"upcoming-holidays-list\" class=\"space-y-2 overflow-y-auto max-h-[220px] custom-scrollbar pr-1\">\n \n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white border-t border-slate-200 px-4 py-3 text-center shrink-0\">\n <p class=\"text-[11px] text-slate-400 font-medium\">\n Bank Open Today • Real-time schedule under Reserve Bank of India (RBI) Negotiable Instruments Act • Cheque clearance, branch counters & 24x7 UPI.\n <\/p>\n <\/div>\n\n <\/div>\n\n <script>\n \/\/ State Name Mapping\n const STATE_NAMES = {\n 'ALL': 'All India',\n 'MH': 'Maharashtra',\n 'DL': 'Delhi NCR',\n 'KA': 'Karnataka',\n 'TN': 'Tamil Nadu',\n 'WB': 'West Bengal',\n 'KL': 'Kerala',\n 'GJ': 'Gujarat',\n 'TS': 'Telangana',\n 'UP': 'Uttar Pradesh',\n 'BR': 'Bihar',\n 'JH': 'Jharkhand',\n 'PB': 'Punjab\/Haryana',\n 'RJ': 'Rajasthan',\n 'MP': 'Madhya Pradesh',\n 'AP': 'Andhra Pradesh'\n };\n\n \/\/ Real-time Circle selection (defaults to detected or user choice)\n let selectedState = 'JH';\n\n \/\/ Comprehensive Bank Holiday Calendar (National & Regional)\n const currentYear = new Date().getFullYear();\n const ANNUAL_BANK_HOLIDAYS = [\n \/\/ National Holidays (Mandatory closures across India)\n { date: `${currentYear}-01-26`, name: 'Republic Day', type: 'National Holiday', states: ['ALL'], desc: 'National celebration; all branches closed nationwide.' },\n { date: `${currentYear}-04-01`, name: 'Annual Accounts Closing', type: 'RBI Mandate', states: ['ALL'], desc: 'Annual commercial bank closing of accounts day.' },\n { date: `${currentYear}-08-15`, name: 'Independence Day', type: 'National Holiday', states: ['ALL'], desc: 'Independence Day; public & private banks closed.' },\n { date: `${currentYear}-10-02`, name: 'Mahatma Gandhi Jayanti', type: 'National Holiday', states: ['ALL'], desc: 'National gazetted holiday celebrating Mahatma Gandhi.' },\n\n \/\/ Major Gazetted Festivals\n { date: `${currentYear}-03-04`, name: 'Holi (Dhuleti)', type: 'Gazetted Festival', states: ['ALL'], desc: 'Celebrated across North, West and Central circles.' },\n { date: `${currentYear}-03-20`, name: 'Id-ul-Fitr (Eid)', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Observed across banking circles nationwide.' },\n { date: `${currentYear}-03-27`, name: 'Good Friday', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Closure under Negotiable Instruments Act.' },\n { date: `${currentYear}-04-14`, name: 'Dr. B.R. Ambedkar Jayanti', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Observed across all banking circles.' },\n { date: `${currentYear}-05-27`, name: 'Bakrid \/ Id-ul-Zuha', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Public bank holiday observed nationwide.' },\n { date: `${currentYear}-06-26`, name: 'Muharram', type: 'Gazetted Holiday', states: ['ALL'], desc: 'National banking holiday under NI Act.' },\n { date: `${currentYear}-09-04`, name: 'Janmashtami', type: 'Gazetted Festival', states: ['ALL'], desc: 'Celebrated in majority of banking circles.' },\n { date: `${currentYear}-10-20`, name: 'Dussehra \/ Vijaya Dashami', type: 'Gazetted Holiday', states: ['ALL'], desc: 'National festive closure across all banks.' },\n { date: `${currentYear}-11-08`, name: 'Diwali (Deepavali)', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Major festival; all bank branches closed.' },\n { date: `${currentYear}-11-24`, name: 'Guru Nanak Jayanti', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Gazetted holiday across northern and western states.' },\n { date: `${currentYear}-12-25`, name: 'Christmas Day', type: 'Gazetted Holiday', states: ['ALL'], desc: 'Public holiday observed across commercial banks.' },\n\n \/\/ Regional & State-Specific Bank Holidays (RBI Circles)\n { date: `${currentYear}-01-14`, name: 'Makar Sankranti \/ Pongal', type: 'Regional Holiday', states: ['TN', 'AP', 'TS', 'GJ', 'KA'], desc: 'Harvest festival in Southern and Western states; open elsewhere.' },\n { date: `${currentYear}-02-19`, name: 'Chhatrapati Shivaji Maharaj Jayanti', type: 'Regional Holiday', states: ['MH'], desc: 'State holiday in Maharashtra; branches open in other states.' },\n { date: `${currentYear}-03-19`, name: 'Gudi Padwa \/ Ugadi', type: 'Regional Holiday', states: ['MH', 'KA', 'TS', 'AP'], desc: 'New Year celebration in Maharashtra, Karnataka and Telangana.' },\n { date: `${currentYear}-04-15`, name: 'Poila Boishakh \/ Vishu', type: 'Regional Holiday', states: ['WB', 'KL', 'TN'], desc: 'Regional New Year in West Bengal, Kerala and Tamil Nadu.' },\n { date: `${currentYear}-05-01`, name: 'Maharashtra Day \/ May Day', type: 'Regional Holiday', states: ['MH', 'KL', 'WB', 'TN'], desc: 'State formation day in Maharashtra; May Day in South\/East.' },\n { date: `${currentYear}-08-27`, name: 'Onam (Thiruvonam)', type: 'Regional Holiday', states: ['KL'], desc: 'Celebrated in Kerala; banks open in rest of India.' },\n { date: `${currentYear}-09-14`, name: 'Ganesh Chaturthi', type: 'Regional Holiday', states: ['MH', 'GJ', 'KA', 'TS', 'AP'], desc: 'Festival holiday in Maharashtra, Gujarat, Karnataka and AP.' },\n { date: `${currentYear}-10-18`, name: 'Durga Puja (Maha Saptami)', type: 'Regional Holiday', states: ['WB', 'BR', 'JH'], desc: 'Durga Puja celebrations in West Bengal, Bihar and Jharkhand.' },\n { date: `${currentYear}-11-15`, name: 'Chhath Puja (Arghya)', type: 'Regional Holiday', states: ['BR', 'JH', 'UP'], desc: 'Grand regional festival in Bihar, Jharkhand and UP.' }\n ];\n\n \/\/ Helper: Calculate Saturday Index (1st, 2nd, 3rd, 4th, 5th Saturday)\n function getSaturdayIndex(date) {\n if (date.getDay() !== 6) return 0;\n return Math.ceil(date.getDate() \/ 7);\n }\n\n \/\/ Helper: Format Date to YYYY-MM-DD\n function toDateString(d) {\n const year = d.getFullYear();\n const month = String(d.getMonth() + 1).padStart(2, '0');\n const day = String(d.getDate()).padStart(2, '0');\n return `${year}-${month}-${day}`;\n }\n\n \/\/ Evaluate Bank Status for any given Date and State (Including Counter Operating Hours)\n function evaluateBankStatus(targetDate, stateCode = 'ALL') {\n const dateStr = toDateString(targetDate);\n const dayOfWeek = targetDate.getDay(); \/\/ 0 = Sun, 6 = Sat\n\n \/\/ 1. Check Annual Holidays (National & Regional)\n const holidaysOnDate = ANNUAL_BANK_HOLIDAYS.filter(h => h.date === dateStr);\n if (holidaysOnDate.length > 0) {\n const nationalMatch = holidaysOnDate.find(h => h.states.includes('ALL'));\n if (nationalMatch) {\n return {\n isOpen: false,\n badge: '\u25cf NATIONAL CLOSURE',\n badgeClass: 'bg-rose-950\/80 text-rose-200 border border-rose-400\/40',\n title: 'BANKS ARE CLOSED TODAY',\n reason: `${nationalMatch.name} \u2014 National Holiday under Negotiable Instruments Act. All bank branches are closed nationwide.`,\n type: 'national-holiday'\n };\n }\n\n if (stateCode !== 'ALL') {\n const stateMatch = holidaysOnDate.find(h => h.states.includes(stateCode));\n if (stateMatch) {\n const sName = STATE_NAMES[stateCode] || stateCode;\n return {\n isOpen: false,\n badge: `\u25cf CLOSED IN ${stateCode}`,\n badgeClass: 'bg-amber-950\/80 text-amber-200 border border-amber-400\/40',\n title: `BANKS CLOSED IN ${sName.toUpperCase()}`,\n reason: `${stateMatch.name} \u2014 Regional Holiday in ${sName}. Branches remain open in non-celebrating circles.`,\n type: 'regional-holiday'\n };\n }\n }\n }\n\n \/\/ 2. Check Sundays\n if (dayOfWeek === 0) {\n return {\n isOpen: false,\n badge: '\u25cf SUNDAY OFF',\n badgeClass: 'bg-rose-950\/80 text-rose-200 border border-rose-400\/40',\n title: 'BANKS ARE CLOSED TODAY',\n reason: 'Sunday \u2014 Universal weekly bank holiday across all public, private, and regional bank branches in India.',\n type: 'sunday'\n };\n }\n\n \/\/ 3. Check Saturdays (RBI 2nd & 4th Saturday Rule)\n if (dayOfWeek === 6) {\n const satIdx = getSaturdayIndex(targetDate);\n const suffix = ['th', 'st', 'nd', 'rd', 'th', 'th'][satIdx] || 'th';\n const satName = `${satIdx}${suffix} Saturday`;\n\n if (satIdx === 2 || satIdx === 4) {\n return {\n isOpen: false,\n badge: `\u25cf ${satIdx}${suffix.toUpperCase()} SATURDAY OFF`,\n badgeClass: 'bg-rose-950\/80 text-rose-200 border border-rose-400\/40',\n title: 'BANKS ARE CLOSED TODAY',\n reason: `${satName} \u2014 Mandatory bank holiday across all public & private sector banks under official Reserve Bank of India (RBI) rules.`,\n type: 'saturday-off'\n };\n }\n }\n\n \/\/ 4. Working Banking Day (Monday-Friday or 1st\/3rd\/5th Saturday)\n \/\/ Now check live counter operating hours (10:00 AM to 4:00 PM)\n const currentHour = targetDate.getHours();\n const currentMinute = targetDate.getMinutes();\n const totalMinutes = currentHour * 60 + currentMinute;\n const openMinutes = 10 * 60; \/\/ 10:00 AM\n const closeMinutes = 16 * 60; \/\/ 4:00 PM\n\n if (totalMinutes < openMinutes) {\n return {\n isOpen: true,\n isBeforeHours: true,\n badge: '\u25cf OPENS AT 10:00 AM',\n badgeClass: 'bg-emerald-950\/80 text-emerald-200 border border-emerald-400\/40',\n title: 'BANKS OPEN TODAY',\n reason: 'Regular Working Day \u2014 Branch doors & counter services open at 10:00 AM for public transactions.',\n type: 'working-day-morning'\n };\n } else if (totalMinutes >= closeMinutes) {\n return {\n isOpen: false,\n isAfterHours: true,\n badge: '\u25cf COUNTER CLOSED',\n badgeClass: 'bg-slate-900\/90 text-amber-200 border border-amber-400\/40',\n title: 'COUNTERS CLOSED FOR TODAY',\n reason: 'Daily public transaction hours (10:00 AM \u2013 4:00 PM) have ended for today. Branches reopen next working day. UPI, NetBanking & ATMs remain active 24x7.',\n type: 'working-day-evening'\n };\n } else {\n return {\n isOpen: true,\n badge: '\u25cf OPEN RIGHT NOW',\n badgeClass: 'bg-emerald-950\/80 text-emerald-200 border border-emerald-400\/40',\n title: 'BANKS ARE OPEN TODAY',\n reason: 'Regular Banking Business Day \u2014 Branch counters are currently open for cash withdrawals, deposits, cheque clearances, and public transactions.',\n type: 'working-day-active'\n };\n }\n }\n\n \/\/ Live Clock Ticker\n function updateLiveClock() {\n const now = new Date();\n const dateFormatted = now.toLocaleDateString('en-IN', {\n weekday: 'long',\n day: 'numeric',\n month: 'short',\n year: 'numeric'\n });\n document.getElementById('hero-date-display').textContent = dateFormatted;\n\n let hours = now.getHours();\n const minutes = String(now.getMinutes()).padStart(2, '0');\n const seconds = String(now.getSeconds()).padStart(2, '0');\n const ampm = hours >= 12 ? 'PM' : 'AM';\n hours = hours % 12;\n hours = hours ? hours : 12;\n const hoursStr = String(hours).padStart(2, '0');\n\n document.getElementById('hero-time-digits').textContent = `${hoursStr}:${minutes}:${seconds}`;\n document.getElementById('hero-time-ampm').textContent = ampm;\n\n const tzName = new Intl.DateTimeFormat('en-IN', { timeZoneName: 'short' })\n .formatToParts(now)\n .find(p => p.type === 'timeZoneName')?.value || 'IST';\n document.getElementById('hero-time-tz').textContent = `(${tzName})`;\n }\n\n \/\/ Render Hero Status Card based on REAL-TIME Live Situation\n function renderHeroStatus() {\n const now = new Date();\n const status = evaluateBankStatus(now, selectedState);\n\n const card = document.getElementById('hero-status-card');\n const titleEl = document.getElementById('hero-status-title');\n const reasonEl = document.getElementById('hero-status-reason');\n const chipEl = document.getElementById('status-chip');\n const iconWrapper = document.getElementById('status-icon-wrapper');\n const relativeTag = document.getElementById('today-relative-tag');\n\n titleEl.textContent = status.title;\n reasonEl.textContent = status.reason;\n chipEl.textContent = status.badge;\n chipEl.className = `text-[11px] font-mono font-bold px-2 py-0.5 rounded ${status.badgeClass}`;\n\n if (status.isOpen && !status.isAfterHours) {\n \/\/ Bank open or opens today\n card.className = \"flex-1 hero-open-gradient text-white p-5 rounded-2xl shadow-lg border border-emerald-400\/20 flex flex-col justify-between relative overflow-hidden transition-all duration-300\";\n relativeTag.textContent = \"WORKING DAY\";\n relativeTag.className = \"text-[10px] font-mono font-bold bg-emerald-50 text-emerald-700 border border-emerald-200 px-2 py-0.5 rounded-md\";\n iconWrapper.innerHTML = `\n <svg class=\"w-6 h-6 text-white\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n `;\n } else if (status.isAfterHours) {\n \/\/ Working day, but counters closed for the day after 4 PM\n card.className = \"flex-1 bg-gradient-to-br from-slate-800 via-slate-900 to-indigo-950 text-white p-5 rounded-2xl shadow-lg border border-slate-700 flex flex-col justify-between relative overflow-hidden transition-all duration-300\";\n relativeTag.textContent = \"COUNTERS CLOSED\";\n relativeTag.className = \"text-[10px] font-mono font-bold bg-amber-50 text-amber-800 border border-amber-200 px-2 py-0.5 rounded-md\";\n iconWrapper.innerHTML = `\n <svg class=\"w-6 h-6 text-amber-300\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n `;\n } else {\n \/\/ Mandatory Holiday \/ Weekend closure (2nd\/4th Saturday, Sunday, Festival)\n card.className = \"flex-1 hero-closed-gradient text-white p-5 rounded-2xl shadow-lg border border-rose-400\/20 flex flex-col justify-between relative overflow-hidden transition-all duration-300\";\n relativeTag.textContent = \"HOLIDAY \/ OFF\";\n relativeTag.className = \"text-[10px] font-mono font-bold bg-rose-50 text-rose-700 border border-rose-200 px-2 py-0.5 rounded-md\";\n iconWrapper.innerHTML = `\n <svg class=\"w-6 h-6 text-white\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\n <\/svg>\n `;\n }\n }\n\n \/\/ Render Saturday Matrix for the Month\n function renderSaturdayMatrix() {\n const now = new Date();\n const year = now.getFullYear();\n const month = now.getMonth();\n const monthName = now.toLocaleDateString('en-IN', { month: 'long', year: 'numeric' });\n document.getElementById('saturday-matrix-title').textContent = `Saturdays in ${monthName}`;\n\n const container = document.getElementById('saturday-pills-container');\n container.innerHTML = '';\n\n const saturdays = [];\n const temp = new Date(year, month, 1);\n while (temp.getMonth() === month) {\n if (temp.getDay() === 6) {\n saturdays.push(new Date(temp));\n }\n temp.setDate(temp.getDate() + 1);\n }\n\n saturdays.forEach((satDate, idx) => {\n const satNumber = idx + 1;\n const isOff = satNumber === 2 || satNumber === 4;\n const isToday = toDateString(satDate) === toDateString(now);\n\n const dateStr = satDate.toLocaleDateString('en-IN', { day: 'numeric', month: 'short' });\n const suffix = ['th', 'st', 'nd', 'rd', 'th', 'th'][satNumber] || 'th';\n\n const pill = document.createElement('div');\n pill.className = `p-3 rounded-xl border flex flex-col items-center justify-center text-center transition-all ${\n isToday ? 'ring-2 ring-emerald-500 shadow-md' : ''\n } ${\n isOff \n ? 'bg-rose-50\/80 border-rose-200 text-rose-900' \n : 'bg-emerald-50\/80 border-emerald-200 text-emerald-900'\n }`;\n\n pill.innerHTML = `\n <div class=\"flex items-center gap-1\">\n <span class=\"text-[10px] font-black uppercase tracking-wider\">${satNumber}${suffix} Sat<\/span>\n ${isToday ? '<span class=\"w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse\"><\/span>' : ''}\n <\/div>\n <span class=\"text-xs font-bold my-1\">${dateStr}<\/span>\n <span class=\"text-[9px] font-mono font-black uppercase px-2 py-0.5 rounded ${\n isOff ? 'bg-rose-200 text-rose-800' : 'bg-emerald-200 text-emerald-800'\n }\">\n ${isOff ? 'OFF' : 'OPEN'}\n <\/span>\n `;\n container.appendChild(pill);\n });\n }\n\n \/\/ Render Upcoming Holidays Calendar\n function renderUpcomingHolidays() {\n const listEl = document.getElementById('upcoming-holidays-list');\n const filterLabel = document.getElementById('upcoming-holidays-filter-label');\n listEl.innerHTML = '';\n\n const todayStr = toDateString(new Date());\n const relevant = ANNUAL_BANK_HOLIDAYS.filter(h => {\n const isUpcoming = h.date >= todayStr;\n if (!isUpcoming) return false;\n if (selectedState === 'ALL') return true;\n return h.states.includes('ALL') || h.states.includes(selectedState);\n });\n\n const stateName = STATE_NAMES[selectedState] || selectedState;\n filterLabel.textContent = selectedState === 'ALL' ? 'Showing All India Holidays' : `Filtered for ${stateName}`;\n\n if (relevant.length === 0) {\n listEl.innerHTML = `<p class=\"text-xs text-slate-400 py-4 text-center\">No more bank holidays scheduled for this circle.<\/p>`;\n return;\n }\n\n relevant.slice(0, 6).forEach(item => {\n const itemDate = new Date(item.date);\n const dayName = itemDate.toLocaleDateString('en-IN', { weekday: 'short', day: 'numeric', month: 'short' });\n const isNational = item.states.includes('ALL');\n\n const row = document.createElement('div');\n row.className = \"flex items-center justify-between p-2.5 rounded-xl border border-slate-100 bg-slate-50 hover:bg-slate-100 transition-colors\";\n \n const typeBadge = isNational\n ? `<span class=\"text-[9px] font-bold bg-purple-100 text-purple-700 px-1.5 py-0.2 rounded font-mono\">National<\/span>`\n : `<span class=\"text-[9px] font-bold bg-amber-100 text-amber-800 px-1.5 py-0.2 rounded font-mono\">Regional (${item.states.join(', ')})<\/span>`;\n\n row.innerHTML = `\n <div class=\"flex items-center gap-2.5\">\n <div class=\"w-8 h-8 rounded-lg ${isNational ? 'bg-purple-100 text-purple-700' : 'bg-amber-100 text-amber-700'} flex items-center justify-center font-black text-xs shrink-0\">\n ${itemDate.getDate()}\n <\/div>\n <div>\n <div class=\"flex items-center gap-1.5\">\n <h4 class=\"text-xs font-bold text-slate-800 leading-tight\">${item.name}<\/h4>\n ${typeBadge}\n <\/div>\n <span class=\"text-[10px] font-medium text-slate-400\">${item.desc}<\/span>\n <\/div>\n <\/div>\n <div class=\"text-right shrink-0 ml-2\">\n <span class=\"text-xs font-mono font-bold text-slate-700 bg-white border border-slate-200 px-2 py-0.5 rounded shadow-2xs\">${dayName}<\/span>\n <\/div>\n `;\n listEl.appendChild(row);\n });\n }\n\n \/\/ Handle State Change\n function handleStateChange(newState) {\n selectedState = newState;\n renderHeroStatus();\n renderUpcomingHolidays();\n }\n\n \/\/ Setup Date Picker\n function setupDatePicker() {\n const picker = document.getElementById('date-picker-input');\n const todayStr = toDateString(new Date());\n picker.value = todayStr;\n\n picker.addEventListener('change', (e) => {\n const val = e.target.value;\n if (!val) return;\n const [y, m, d] = val.split('-').map(Number);\n updateCustomDateView(new Date(y, m - 1, d));\n });\n\n updateCustomDateView(new Date());\n }\n\n function updateCustomDateView(targetDate) {\n const formatted = targetDate.toLocaleDateString('en-IN', {\n weekday: 'short',\n day: 'numeric',\n month: 'short',\n year: 'numeric'\n });\n document.getElementById('checker-target-date').textContent = formatted;\n\n const res = evaluateBankStatus(targetDate, selectedState);\n const pill = document.getElementById('checker-status-pill');\n const reason = document.getElementById('checker-reason');\n\n pill.textContent = res.isOpen ? 'OPEN' : 'CLOSED';\n pill.className = `text-[10px] font-mono font-black uppercase px-2 py-0.5 rounded ${\n res.isOpen ? 'bg-emerald-200 text-emerald-800' : 'bg-rose-200 text-rose-800'\n }`;\n reason.textContent = res.reason;\n }\n\n function resetToToday() {\n const today = new Date();\n document.getElementById('date-picker-input').value = toDateString(today);\n updateCustomDateView(today);\n }\n\n \/\/ Initialize on DOM Ready\n document.addEventListener('DOMContentLoaded', () => {\n updateLiveClock();\n setInterval(updateLiveClock, 1000);\n\n renderHeroStatus();\n \/\/ Re-render hero status every 60 seconds to track counter hours transition automatically\n setInterval(renderHeroStatus, 60000);\n\n renderSaturdayMatrix();\n renderUpcomingHolidays();\n setupDatePicker();\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>Bank Open Today LIVE BRANCH STATUS RBI Schedule \u2022 Working Saturdays \u2022 Daily Counter Hours (10 AM – 4 PM) Circle: All India (National)Maharashtra (Mumbai)Delhi (NCR)Karnataka (Bengaluru)Tamil Nadu (Chennai)West Bengal (Kolkata)Kerala (Kochi\/TVM)Gujarat (Ahmedabad)Telangana (Hyderabad)Uttar Pradesh (Lucknow)Bihar (Patna)Jharkhand (Ranchi)Punjab \/ HaryanaRajasthan (Jaipur)Madhya Pradesh (Bhopal)Andhra Pradesh TODAY’S DATE & TIME CHECKING… — –:–:– — Live Clock Sync […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[15,256,1],"tags":[],"class_list":{"0":"post-3423","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-banking","7":"category-india","8":"category-news"},"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/posts\/3423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/comments?post=3423"}],"version-history":[{"count":6,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/posts\/3423\/revisions"}],"predecessor-version":[{"id":3432,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/posts\/3423\/revisions\/3432"}],"wp:attachment":[{"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/media?parent=3423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/categories?post=3423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thefinancialmail.com\/in\/wp-json\/wp\/v2\/tags?post=3423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}