Daily Prayer Time

For video tutorial please follow these links:
– (Latest) How to tutorial

Alhamdulillah that you can display Yearly and Monthly prayer time with ajax month selector using shortcode [timetable]
Daily prayer time can be displayed vertically or horizontally in your preferable widget area. Designed for any Mosque or Islamic institutes.

You need to upload your masjid’s timetable from plugin admin section.

PULL REQUEST

[GITHUB https://github.com/mmrs151/daily-prayer-time/pulls]
Add your commit and make a pull request. Please describe your feature, I will add it to the core.

[IMPORTANT]
If you don’t see any update of this plugin for over a year, I might have departed.
Please feel free to copy the whole code and relase in a different name, so the masajid can be served.
My sole intention is to support the ummah.
So I have absolutely no complain as long as you have the same intention, Fi Sabilillah.

Mustafiz.

Features

Once the installation above is done, this will allow the Admin/Editor

• To display prayer start and jamah time

• To display ramadan timetable for daily or full month

• To display next prayer and IQAMAH notifications

• To display prayer time either vertical or horizontal widget.

• To display ‘Jamah time’ only if you chose.

• To chose from three different themes

• To chose Asr salah start method

• Display monthly and yearly timetable using shortcode [timetable] from any page or post

• Display Khutbah time announcement on Friday

• Display Iqamah time only for monthly timetable using shortcode

• Upload any number of days, weeks, months or a full year.

• Support all language that are readable on the web

• Use custom css using the class dptUserStyles to decorate your element table elements.

• Use span class dpt_jamah and dpt_start along with [next_xxxx_prayer] and design your view however you want.

• Display Iqamah update for next day

• Display prayer time on big monitors in the masjid

• Display Quran verse in a shortcode

shortcodes

1. [monthlytable] – Display Yearly and Monthly prayer time with ajax month selector
2. [dailytable_horizontal] – Display daily timetable horizontally
3. [dailytable_horizontal asr=hanafi] – Display daily timetable horizontally with Hanafi Asr start method
4. [dailytable_vertical] – Display daily timetable vertically
5. [dailytable_vertical asr=hanafi] – Display daily timetable vertically with Hanafi Asr start method
6. [dailytable_horizontal asr=hanafi friday_alert=”First Khutbah: 1:15. Second Khutbah: 1:45″] – Display Friday announcement
7. [monthlytable display=iqamah_only] – Display Iqamah only for Yearly and Monthly prayer time with ajax month selector
8. [monthlytable display=azan_only] – Display Azan only for Yearly and Monthly prayer time with ajax month selector
9. [monthlytable heading=”Månedlige Tidsplan”] – Display monthly time table heading in any language, default is ‘Monthly Time Table for’
10. [digital_screen] – Display prayer time on big monitors in the masjid
11. [quran_verse] – Display a random verse from the Holy Quran
12. **[disable_overnight_dim] – disable overnight dimming of the digital screen
    … and more. Check the ‘helps-and-tips’ page in plugin settings once you install it.

1. Download the plugin
2. Simply go under the Plugins page, then click on Add new and select the plugin’s .zip file
3. Alternatively you can extract the contents of the zip file directly to your wp-content/plugins/ folder
4. Finally, just go under Plugins and activate the plugin

Comprehensive setup

Please upload your mosque’s timetable in .csv format from the plugin setting page.

1. 

   Masjid and Mobile display

2. 

   Display time remaining for next prayer

3. 

   Random Quran verse

4. 

   Add hadith or your own message

5. 

   Design anyway you like

6. 

   Design anyway you like

7. 

   Design anyway you like

8. 

   Default Website daily view

9. 

   Default Website monthly view

10. 

    Settings page

11. 

    Sample 1

12. 

    Sample 2

2026.05.20

• Feat: Add digitalScreenSlideBg option for slide/card background
• Feat: Separate row background from slide background control
• Fix: Remove td span.nextPrayer from slide background CSS
• Fix: Add null checks for .trim() calls in dpt.js (JS error fix)
• Fix: ThemeSettingsProcessor now deletes option when value is ‘0’ or empty

2026.05.11

• Feat: Two-column layout for Theme settings (Daily Prayer Table | Digital Screen)
• Feat: Native HTML color picker for each color setting
• Feat: Page-level “Reset All” button deletes all theme options
• Feat: Only valid hex colors (#RRGGBB) are saved; ‘0’ or empty are ignored
• Feat: Add digitalScreenGreenFont color option for next prayer font
• Fix: Stop sunrise/zawal toggle after zawal time has passed

2026.05.05

• Fix: Display Quran verse on right panel for Usman template
• Fix: Show top header with logo and mosque name on mobile, bottom on desktop
• Refactor: Simplify CSS with clamp() for responsive fonts
• Refactor: Use flexbox layouts for full height utilization
• Style: Add decorative border around Quran verse
• Fix: Reduce spacing in prayer section on mobile
• Style: Larger font sizes for prayers and headings

2026.05.04

• Feat: Glassmorphism prayer cards with blur effect in EICT template
• Feat: Glow animation on next prayer highlight
• Feat: Hover transitions with smooth card lift
• Feat: Gradient backgrounds (top section and banner)
• Feat: Fluid typography using clamp() for responsive sizing
• Feat: Mobile responsive – 2-column centered layout for prayer cards
• Fix: Jumuah font sizing – smaller font when jumuah3 is set
• Fix: Correct spelling from jumah to jummah in CSS selectors

2026.05.03

• Fix: Timezone issue in isZawalTimeNext by using user_current_time for consistent comparison
• Fix: Show zawal name instead of sunrise when zawal is next (with fallback)
• Fix: Only highlight ishraq row when ishraq is next (not zawal)
• Fix: Only highlight zuhr row when zawal is next (not sunrise row)
• Fix: Ishraq highlighting in horizontal table’s printAzanTime method
• Fix: Jumuah display logic – show row only when times set and before last jumuah time

2026.05.01

• Feat: Add media gallery button for selecting slider images from WordPress media library
• Feat: Add dynamic slider management – show 1 initially, add more up to 7 sliders
• Feat: Add template selection with checkbox to enable/disable templates (EICT, Usman)
• Feat: Add two-section slider card layout – fields on left, thumbnail preview on right
• Feat: Make template grid responsive (stacks on mobile)
• Fix: Template display logic – now requires both checkbox AND template selection enabled
• Fix: Preserve textarea formatting without extra spaces
• Fix: Remove duplicate CSS rules causing extra spacing

2026.04.28.1

• Fix: Add horizontal scroll wrapper to monthly table for mobile display

2026.04.28

• Feat: Add Ishraq time feature with admin toggle in settings
• Feat: Redesign Helps & Tips page with accordion layout and click-to-copy shortcodes
• Feat: Redesign Language Settings page with accordion layout and language presets
• Fix: Correct isIshraqTimeNext logic – check if now is between Fajr and Ishraq
• Fix: Handle ishraq in daily timetable – merge into sunrise row
• Fix: Remove ishraq/zawal from getAzanTime array to prevent errors
• Fix: Add CSV row validation in QuranDB import
• Fix: Various bug fixes and improvements

2026.04.26

• Feat: show detailed CSV upload results – inserted and updated rows in accordion
• Fix: change Hijri date to update after Maghrib (sunset) instead of midnight
• Feat: add iqamahTime and azanTime to next_prayer API response

2025.10.26

• Fix: Fix JS bug