Islamic Date and Month in Pakistan Today – Islamic Calendar 2026

Islamic Date Today Pakistan :root{ --green:#0b8d4b; --dark:#1f2937; --light:#f5f7fa; --white:#ffffff; --border:#e5e7eb; } *{ margin:0; padding:0; box-sizing:border-box; } body{ font-family:'Poppins',sans-serif; background:var(--light); padding:12px; color:var(--dark); font-size:12px; } .wrapper{ max-width:650px; margin:auto; } .hero{ background:linear-gradient(135deg,#0b8d4b,#06663b); color:#fff; padding:22px 18px; border-radius:18px; text-align:center; margin-bottom:14px; } .hero h1{ font-size:22px; font-weight:700; margin-bottom:6px; } .live{ font-size:11px; opacity:.9; } .block{ background:#fff; border-radius:16px; padding:16px; margin-bottom:12px; box-shadow:0 4px 12px rgba(0,0,0,.05); } .label{ font-size:10px; text-transform:uppercase; color:#6b7280; margin-bottom:7px; font-weight:600; } .value{ font-size:14px; font-weight:600; line-height:1.6; } .green{ background:#ecfdf5; border-left:4px solid var(--green); } .table-block{ background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,.05); margin-bottom:14px; } .table-head{ background:#111827; color:#fff; padding:12px; font-size:11px; font-weight:600; } .row{ display:flex; justify-content:space-between; align-items:center; padding:12px; border-top:1px solid #edf2f7; font-size:11px; } .row.active{ background:#f0fff4; color:var(--green); font-weight:600; } .months{ background:#fff; border-radius:16px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,.05); } .month-title{ font-size:13px; font-weight:600; margin-bottom:10px; color:var(--green); } .month-item{ display:flex; justify-content:space-between; align-items:center; padding:10px 12px; border-radius:10px; margin-bottom:6px; background:#f8fafc; font-size:11px; } .month-item.active{ background:var(--green); color:#fff; font-weight:600; } .footer{ text-align:center; margin-top:14px; font-size:10px; color:#94a3b8; } @media(max-width:500px){ .hero h1{ font-size:19px; } .value{ font-size:13px; } } Islamic Date Today Gregorian Date World Islamic Date Pakistan Islamic Date Regional Islamic Calendar Global / Saudi Arabia Pakistan Islamic Months Live Hijri Calendar Widget const islamicMonths = [ "Muharram", "Safar", "Rabi al-Awwal", "Rabi al-Thani", "Jumada al-Awwal", "Jumada al-Thani", "Rajab", "Sha'ban", "Ramadan", "Shawwal", "Dhu al-Qi'dah", "Dhu al-Hijjah" ]; /* REFERENCE: 23 May 2026 = 6 Dhu al-Hijjah 1447 AUTO UPDATES DAILY */ function getHijriDate(date){ const referenceDate = new Date(2026,4,23); const referenceHijriDay = 6; const referenceMonth = 11; const referenceYear = 1447; const oneDay = 1000 * 60 * 60 * 24; let diffDays = Math.floor( (date - referenceDate) / oneDay ); let day = referenceHijriDay + diffDays; let month = referenceMonth; let year = referenceYear; const monthDays = [30,29,30,29,30,29,30,29,30,29,30,29]; while(day > monthDays[month]){ day -= monthDays[month]; month++; if(month > 11){ month = 0; year++; } } while(day { monthHTML += ` ${index+1}. ${month} ${index===hijri.month?'Current':''} `; }); document.getElementById('monthsContainer').innerHTML = monthHTML; } updateWidget(); /* AUTO UPDATE EVERY SECOND */ setInterval(updateWidget,1000);