Islamic Date Today

Islamic Calendar Pakistan 2026 tailwind.config = { theme: { extend: { fontFamily: { sans: ['"Plus Jakarta Sans"', 'sans-serif'], }, colors: { emerald: { 50: '#f0fdf4', 100: '#dcfce7', 600: '#059669', 700: '#047857', 800: '#065f46', 900: '#064e3b', 950: '#022c22', } } } } } body { background-color: #f8fafc; } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

Islamic Date Today Pakistan & Global Hijri Calendar 2026

--:--:-- PKT

Gregorian Date --- 🌙 Pakistan Hijri Date --- Saudi / Global Hijri ---

Islamic Months Index

Safar 1448 صفر

Mon Tue Wed Thu Fri Sat Sun

// Exact corrected astronomical timeline of 1448 AH (Global base dates) // Shipped start dates back by 1 day so July 16, 2026 maps perfectly to 2 Safar globally. const ISLAMIC_MONTH_DATA = [ { id: 1, name: "Muharram", arabic: "المحرّم", startYear: 2026, startMonth: 5, startDay: 15, length: 30 }, // June 15, 2026 { id: 2, name: "Safar", arabic: "صفر", startYear: 2026, startMonth: 6, startDay: 15, length: 29 }, // July 15, 2026 (Global start) { id: 3, name: "Rabi' al-Awwal", arabic: "ربيع الأول", startYear: 2026, startMonth: 7, startDay: 13, length: 29 }, { id: 4, name: "Rabi' al-Thani", arabic: "ربيع الآخر", startYear: 2026, startMonth: 8, startDay: 11, length: 30 }, { id: 5, name: "Jumada al-Awwal", arabic: "جمادى الأولى", startYear: 2026, startMonth: 9, startDay: 11, length: 30 }, { id: 6, name: "Jumada al-Thani", arabic: "جمادى الآخرة", startYear: 2026, startMonth: 10, startDay: 10, length: 29 }, { id: 7, name: "Rajab", arabic: "رجب", startYear: 2026, startMonth: 11, startDay: 9, length: 30 }, { id: 8, name: "Sha'ban", arabic: "شعبان", startYear: 2027, startMonth: 0, startDay: 8, length: 30 }, { id: 9, name: "Ramadan", arabic: "رمضان", startYear: 2027, startMonth: 1, startDay: 7, length: 30 }, { id: 10, name: "Shawwal", arabic: "شوال", startYear: 2027, startMonth: 2, startDay: 9, length: 29 }, { id: 11, name: "Dhu al-Qadah", arabic: "ذو القعدة", startYear: 2027, startMonth: 3, startDay: 7, length: 30 }, { id: 12, name: "Dhu al-Hijjah", arabic: "ذو الحجة", startYear: 2027, startMonth: 4, startDay: 7, length: 29 } ];

let activeHijriMonthIndex = 1; // Focuses on Safar (Index 1)

// Live Real-Time Clock function runLiveClock() { const liveTimeElement = document.getElementById('live-time'); if (liveTimeElement) { const now = new Date(); liveTimeElement.textContent = now.toLocaleTimeString('en-PK', { hour: '2-digit', minute: '2-digit', second: '2-digit', timeZone: 'Asia/Karachi' }) + ' PKT'; } }

// Standardized Hijri calculation algorithm function getDetailedHijriDate(date, offsetDays = 0) { const adjustedDate = new Date(date); adjustedDate.setDate(adjustedDate.getDate() + offsetDays); adjustedDate.setHours(0,0,0,0);

let matchedMonthIndex = -1; let currentDayOfHijriMonth = -1;

for (let i = 0; i < ISLAMIC_MONTH_DATA.length; i++) { const monthInfo = ISLAMIC_MONTH_DATA[i]; const monthStartDate = new Date(monthInfo.startYear, monthInfo.startMonth, monthInfo.startDay); monthStartDate.setHours(0,0,0,0); const monthEndDate = new Date(monthStartDate); monthEndDate.setDate(monthEndDate.getDate() + monthInfo.length);

if (adjustedDate >= monthStartDate && adjustedDate < monthEndDate) { matchedMonthIndex = i; const diffTime = Math.abs(adjustedDate - monthStartDate); currentDayOfHijriMonth = Math.floor(diffTime / (1000 * 60 * 60 * 24)) + 1; break; } }

if (matchedMonthIndex === -1) { if (adjustedDate < new Date(2026, 5, 15)) { return { day: 29, monthName: "Dhu al-Hijjah", monthNumber: 12, year: 1447, monthIndex: 11 }; } return { day: 1, monthName: "Muharram", monthNumber: 1, year: 1449, monthIndex: 0 }; }

return { day: currentDayOfHijriMonth, monthName: ISLAMIC_MONTH_DATA[matchedMonthIndex].name, arabicName: ISLAMIC_MONTH_DATA[matchedMonthIndex].arabic, monthNumber: matchedMonthIndex + 1, year: 1448, monthIndex: matchedMonthIndex }; }

// Render Sidebar Menu function renderMonthsDirectory(activeIdx) { const container = document.getElementById("months-list"); container.innerHTML = "";

ISLAMIC_MONTH_DATA.forEach((month, index) => { const isActive = index === activeIdx; const card = document.createElement("div"); card.className = `flex items-center justify-between p-3.5 rounded-xl border transition-all duration-200 cursor-pointer ${ isActive ? 'bg-emerald-50/70 border-emerald-200/80 text-emerald-950 font-semibold' : 'border-slate-100 hover:border-slate-200 bg-white text-slate-600' }`;

card.onclick = () => { selectMonth(index); };

card.innerHTML = ` ${String(index + 1).padStart(2, '0')} ${month.name} ${month.arabic} `; container.appendChild(card); }); }

// Render Calendar Grid aligned to Pakistan's localized offset function renderDaysGrid(monthIndex) { const gridContainer = document.getElementById("calendar-days-grid"); gridContainer.innerHTML = "";

const monthInfo = ISLAMIC_MONTH_DATA[monthIndex]; const startGregorian = new Date(monthInfo.startYear, monthInfo.startMonth, monthInfo.startDay); // Pakistan standard shifts the Hijri month start +1 day later relative to the global start date startGregorian.setDate(startGregorian.getDate() + 1);

let startDayOfWeek = startGregorian.getDay(); startDayOfWeek = (startDayOfWeek === 0) ? 6 : startDayOfWeek - 1;

// Offset blank days for (let i = 0; i < startDayOfWeek; i++) { const emptyCell = document.createElement("div"); emptyCell.className = "bg-slate-50/50 border border-transparent rounded-xl"; gridContainer.appendChild(emptyCell); }

const today = new Date(); const pakistanHijri = getDetailedHijriDate(today, -1); // 1-Day offset applied dynamically for Pakistan standard

for (let d = 1; d <= monthInfo.length; d++) { const dayCell = document.createElement("div"); const currentDayGregorian = new Date(startGregorian); currentDayGregorian.setDate(startGregorian.getDate() + (d - 1));

const isToday = pakistanHijri.year === 1448 && pakistanHijri.monthIndex === monthIndex && pakistanHijri.day === d;

dayCell.className = `flex flex-col justify-between p-2.5 rounded-xl border transition-all duration-200 min-h-[60px] ${ isToday ? 'bg-emerald-600 border-emerald-700 text-white shadow-md font-bold' : 'bg-white border-slate-100 hover:border-emerald-100 hover:bg-slate-50/50 text-slate-800' }`;

const dayLabelFormat = currentDayGregorian.toLocaleDateString('en-US', { day: 'numeric', month: 'short' });

dayCell.innerHTML = ` ${d} ${dayLabelFormat} `;

gridContainer.appendChild(dayCell); } }

function selectMonth(index) { if (index >= 0 && index < ISLAMIC_MONTH_DATA.length) { activeHijriMonthIndex = index; const monthInfo = ISLAMIC_MONTH_DATA[index]; document.getElementById("current-month-title").innerText = `${monthInfo.name} 1448`; document.getElementById("current-month-arabic").innerText = monthInfo.arabic;

renderMonthsDirectory(index); renderDaysGrid(index); } }

function navigateMonth(direction) { let nextIndex = activeHijriMonthIndex + direction; if (nextIndex >= 0 && nextIndex < ISLAMIC_MONTH_DATA.length) { selectMonth(nextIndex); } }

function initializeDashboard() { const today = new Date();

const gregorianFormat = today.toLocaleDateString('en-PK', { weekday: 'long', day: '2-digit', month: 'long', year: 'numeric' }); document.getElementById("gregorian-date").innerText = gregorianFormat;

// Global vs. Pakistan offset calculation const worldHijri = getDetailedHijriDate(today, 0); const pakistanHijri = getDetailedHijriDate(today, -1);

document.getElementById("world-date").innerText = `${worldHijri.day} ${worldHijri.monthName}, ${worldHijri.year} AH`;

document.getElementById("pakistan-date").innerText = `${pakistanHijri.day} ${pakistanHijri.monthName} ${pakistanHijri.year} AH`;

// Auto-select active month based on Pakistan standard if (pakistanHijri.year === 1448) { selectMonth(pakistanHijri.monthIndex); } else { selectMonth(1); } }

initializeDashboard(); runLiveClock(); setInterval(runLiveClock, 1000);

Islamic Date Today – Islamic Calendar 2026

Punjabi Date Today in Pakistan – Desi Mahina, Punjabi Calendar & Ajj Di Tareekh

Islamic Date and Month Today in Pakistan & Globally

Safar 1448

Punjabi Date Today in Pakistan – Desi Mahina, Punjabi Calendar & Ajj Di Tareekh

Open Market Rates Today in Pakistan – 16 July, 2026

Open Market Rates Today in Pakistan – 16 July, 2026

Leave a Reply Cancel reply

Must Read

Parliament passes important defence command bills

Record of expenses on National Assembly’s legal fees revealed

PM Shehbaz Sharif welcomes Trump’s support for the Mecca defence deal

Weekly inflation reaches 9.11 percent

NADRA makes important changes in the ID card system

Related News

What time will Punjab schools open from August 24

Passport service is now a new facility in eight cities till 12 midnight

Important progress on Imran Khan’s transfer to Shifa Hospital

Punjab agrees to hold local body elections between December and January

Parliament passes important defence command bills

Useful Categories

Useful Links

Contact Us!

Islamic Date Today – Islamic Calendar 2026

Related posts

Islamic Months Index

Safar 1448

Punjabi Date Today in Pakistan – Desi Mahina, Punjabi Calendar & Ajj Di Tareekh

Open Market Rates Today in Pakistan – 16 July, 2026

Leave a Reply Cancel reply

Must Read

Related News

Useful Categories

Useful Links

Contact Us!