Disabling dates in calendar/date field
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
3 hours ago
Hi team,
We have a requirement to make some dates unselectable or greyed out in the date field. Is it this possible to do in ServiceNow? Do we need a custom widget for it? Any ideas/references will be greatly appreciated.
Thank you!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
3 hours ago
Hello @lpolicarpio ,
You can refer below similar to same.
https://www.servicenow.com/community/developer-articles/no-code-date-validations-through-catalog-ui-...
https://www.servicenow.com/community/service-management-forum/how-to-disable-the-dates-in-calender-f...
https://www.servicenow.com/community/service-management-forum/how-to-disable-the-dates-in-calender-f...
---------------------------------------------------------------------------------
If my answer has helped with your question, please mark my answer as the accepted solution and give a thumbs up.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
2 hours ago
It is not possible with just "configuration" but it is customizable which you might want to avoid. It also requires understanding a little bit about angularjs and how it works in the portal.
You can use angularjs decorators to redefine the link function for the directive to change the configs that the oob datetime variable doesn't expose. Or you can for example copy the existing datetime directive to create an angular provider that you can then use as an element directive on your custom widget. With a widget variable you will have to create another variable to store the value.
Here is the datetime variable with a side by side view and a min and max date
var config = {
format: format,
locale: spUtil.localeMap[g_lang],
language: spUtil.localeMap[g_lang],
maxDate: moment("2026-02-18"),
minDate: moment("2026-02-10"),
sideBySide: true,
};
Here's a write up of how to use decorators
Decorating OOB angularjs directives - ServiceNow Community
Docs for the timepicker:
https://getdatepicker.com/5-3/
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
an hour ago
Hi @lpolicarpio
This is not supported in ServiceNow.
You can use either UI policy or client script to do validation like if your specific date got selected, you can show error msg or alert with some message.

