Easy Scroll Calendars

Jennifer Ruwald
Giga Contributor

‎05-08-2025 10:40 AM

Hi ServiceNow Community,

I'm looking for a calendar widget that allows users to easily scroll through dates. The standard date picker can be a bit cumbersome when needing to navigate across months or years. See attachment for current calendar.

Does anyone know of a widget, custom component, or readily available solution that provides improved date scrolling functionality within ServiceNow? I'm particularly interested in something that might offer features like:

  • Month/Year scrolling with visual cues
  • Quick jump to specific months/years
  • Improved usability for selecting dates far in the past or future

Any suggestions or recommendations would be greatly appreciated!

Thanks in advance!

Preview file
22 KB
0 Helpfuls
  • 924 Views
3 REPLIES 3

Community Alums
Not applicable

‎05-18-2025 04:55 AM

Hi @Jennifer Ruwald ,

Great question — the standard ServiceNow date picker can indeed feel limited when you need to scroll through many months or years.

Here are some suggestions to improve date selection usability in your instance:

1. Use Service Portal Date Picker Enhancements

If you’re working in Service Portal, you can customize the date picker widget by:

  • Using Angular UI Datepicker options to enable easier month/year dropdowns.

  • Adding a “year” dropdown to jump quickly to a specific year.

  • There are open-source Angular date picker components that can be integrated for better UX.

2. Custom Widget Development

  • Build a custom calendar widget using the Glide UI Builder or Service Portal framework.

  • You can use popular JavaScript calendar libraries like FullCalendar or Pikaday and embed them as custom widgets.

  • These libraries often support advanced features like smooth scrolling, multi-year selection, and quick jumps.

3. Leverage UI Policies or Client Scripts

  • If you want to stick with the out-of-the-box date picker, you can use client scripts to provide “quick jump” buttons or inputs near the date picker that help users select months/years faster.

0 Helpfuls

MichelleSoP
Tera Contributor

‎05-18-2025 06:39 AM

This information is interesting

0 Helpfuls

SumanthDosapati
Mega Sage
Mega Sage

‎05-18-2025 07:32 AM

@Jennifer Ruwald 

If you are looking for a calendar widget in portal then you can use this.

https://developer.servicenow.com/connect.do#!/share/contents/3031851_angular_bootstrap_calendar_widg...

 

If you are trying to modify the calendar in date picker in native UI then it is not possible OOB.

 

Accept the solution and mark as helpful if it does, to benefit future readers.
Regards,
Sumanth

0 Helpfuls