Skip to content
All documentation

feature

Home Widgets

Android widgets for Prayer Times, Hijri date, upcoming occasions, and Hijri month calendar.

Al Islam now includes dedicated Android home screen widgets for Prayer Times, Hijri dates, upcoming Islamic occasions, and Hijri calendar viewing. These widgets bring the most important daily Islamic information directly to the user’s phone home screen, so they do not need to open the app every time they want to check the next prayer, today’s Hijri date, or upcoming Islamic events.

The widgets are designed to feel like a natural extension of the app itself. They use the same modern emerald visual language, soft rounded surfaces, subtle glass-like depth, yellow accent highlights, and clean typography that appear across the main Al Islam interface. The goal is not only to display information, but to make that information readable, beautiful, and immediately useful at a glance.

This update makes Al Islam more present in the user’s daily routine. Prayer times, Hijri dates, Islamic occasions, and monthly calendar context can now live directly on the home screen, turning the app from something the user opens manually into something that quietly supports them throughout the day.


Prayer Times Widget

The Prayer Times widget gives users a quick home-screen view of the current and upcoming prayer schedule. It shows the selected location, the current Hijri date, the next prayer, the countdown until that prayer, the highlighted active prayer time, and the daily prayer timeline.

For example, the widget can show the location as Islamabad, Pakistan, the Hijri date as 24 Muharram 1448, and the next prayer as Dhuhr with a countdown such as in 7 h 26 min. The Dhuhr time can be shown prominently in a bright pill, such as 12:13 PM, making the next important time immediately visible.

The widget also displays the main prayer times in a compact row. It can show Fajr, Dhuhr, Asr, Maghrib, and Isha, each with its time underneath. The current or next prayer is visually emphasized, while the others remain visible for context. This lets the user understand the whole prayer day without opening the app.

The design is intentionally glanceable. The user can quickly answer: What is the next prayer? How much time is left? What are the remaining prayers today? At the same time, the widget remains visually calm and does not overload the home screen.

There is also a more compact Prayer Times widget layout. This smaller version keeps the most important information: the next prayer, countdown, highlighted time, and the row of daily prayers. It is useful for users who want prayer information on their home screen but prefer a smaller widget footprint.


Hijri Date Widget

The Hijri Date widget shows the current Islamic date in a focused, elegant card. It is designed for users who want to keep the Hijri calendar visible every day without opening the full calendar screen.

The widget can show the Hijri day number prominently, such as 24, alongside the Hijri month and year, such as Muharram 1448 AH. It also includes the Arabic month name, such as مُحَرَّم, and the corresponding Gregorian date, such as 9 Jul 2026.

This makes the widget useful for daily Islamic awareness. Many users live primarily by the Gregorian calendar in work, school, and public life, so Hijri dates can easily be forgotten. Placing the Hijri date directly on the home screen helps users stay aware of the Islamic month and day every time they unlock their phone.

The widget is compact but complete. It does not only show a number; it shows the Hijri month, Hijri year, Arabic naming, and Gregorian correspondence together. That makes it suitable for both quick reference and religious date awareness.


Upcoming Islamic Occasions Widget

The Upcoming widget displays upcoming Islamic occasions and important dates directly on the home screen. It works like a compact Islamic agenda, showing what is coming next and how many days remain.

The widget can show a header such as UPCOMING, along with the current Hijri date, such as 24 Muharram 1448 AH. Below that, it lists upcoming dates in a clean vertical layout. Each row includes an icon, event name, Hijri date, Gregorian date, and countdown badge.

For example, it can show White Days with 13 Safar · 27 Jul and a countdown such as 18 d. It can show Mawlid an-Nabi ﷺ with 12 Rabi’ al-Awwal · 25 Aug and a countdown such as 47 d. It can continue showing later dates such as White Days in following months, Rajab begins, and other future Islamic occasions.

This widget is especially useful for planning. Users can see upcoming fasting days, sacred dates, and important Islamic occasions without manually browsing the calendar. It helps users prepare earlier instead of remembering only on the day itself.

The list layout is also efficient. It can show several upcoming items at once while keeping each row readable. Countdown badges make timing obvious, and icons make the list visually scannable.


Hijri Month Calendar Widget

The Hijri Month Calendar widget brings a full monthly Hijri calendar grid to the home screen. This is one of the most useful additions because it gives users a live month overview without requiring them to open the app.

The widget can show the active Hijri month, such as Muharram 1448 AH, along with its Gregorian range, such as Jun – Jul 2026. Below the header, it displays the weekday row and the full month grid.

Each date cell can show the primary Hijri day and the smaller companion Gregorian date. For example, a Hijri day such as 24 can show the corresponding Gregorian date 9 beneath it. This keeps both calendar systems visible together, which is important because users often need to understand Hijri dates in relation to daily Gregorian planning.

The current day is highlighted with a clear gold outline. Fridays are visually emphasized, making Jumu’ah easy to recognize across the month. Previous or next month spillover dates can appear dimmed so the active month remains visually clear.

The calendar widget can also show small event markers and dots on dates. These markers reflect meaningful calendar information, such as Islamic occasions, fasting-related days, or other important calendar events depending on the app’s calendar data. This turns the widget into more than a static month grid; it becomes a compact Islamic calendar surface on the home screen.

This widget is particularly valuable for users who want to keep track of the Hijri month visually. They can see how far the month has progressed, which dates are approaching, which Fridays are coming, and where important marked days appear in the month.


Integration With Prayer Times and Hijri Calendar

The widgets are not separate disconnected features. They are connected to the app’s existing Prayer Times, Hijri Calendar, and Islamic occasions systems.

The Prayer Times widget uses the selected prayer-time location profile, so the displayed times match the user’s configured location and calculation settings. If the user is using Islamabad, Pakistan inside Prayer Times, the widget reflects that same location context.

The Hijri Date, Upcoming, and Calendar widgets are connected with the Hijri Calendar system. This means the widgets can show Hijri dates, Gregorian correspondence, upcoming Islamic dates, event markers, and month structure using the same calendar logic available inside the app.

This consistency is important. The home screen should not show one version of the date while the app shows another. The widgets are designed to extend the app’s internal systems outward onto the phone home screen.


Practical Daily Use

The widgets make Al Islam more useful throughout the day. A user can glance at the Prayer Times widget in the morning and immediately see when Fajr, Dhuhr, Asr, Maghrib, and Isha occur. During the day, the highlighted next prayer and countdown help the user stay aware of the prayer schedule.

The Hijri Date widget keeps the Islamic date visible. This is useful for remembering the current Hijri month, noticing sacred months, and staying connected to Islamic time.

The Upcoming widget helps with planning. A user can see White Days, Ramadan-related dates, Rajab, Dhul-Hijjah, Mawlid an-Nabi ﷺ, or other important Islamic occasions before they arrive.

The Hijri Month Calendar widget gives the user a larger monthly context. It helps the user understand the current Hijri month as a full calendar, not only as a single date.

Together, these widgets create a strong daily Islamic dashboard directly on the Android home screen.


Overall Design Philosophy

The Home Widgets feature is designed around convenience, visibility, and consistency. It gives users immediate access to the Islamic information they check most often: prayer times, the Hijri date, upcoming occasions, and the current Hijri month.

The widgets are intentionally modern and polished. They are not plain text boxes or basic system cards. They follow the app’s visual identity and present information in a calm, readable, premium-feeling layout.