hallo @Tarun Singh , 

can check next may help you

https://www.outsystems.com/forums/discussion/76411/disable-dates-on-a-date-field/

https://www.outsystems.com/forums/discussion/60110/how-to-disable-future-date-in-calendar/

Hi Tarun,

You can use the datepicker widget and under optionalconfigs you can set a min and max date. For the max date you could just set currdate() 

@Tarun Singh -

You can achieve this using Javascript. Find attached oml where i have restricted selection to current date in input widget

If you are using a simple input field instead of the OutSystems Date Picker widget, you can still restrict the user from entering future dates by l setting the max attribute to the current date.

Here's how you can do it in OutSystems using a simple input field:

1. Use an Input Field with type="date"

2. Set the max Attribute: You can dynamically set the max attribute of the input field to today's date using OutSystems expressions. The max attribute ensures that users cannot select any date later than today.

   In the input field's Extended Properties, add the following property:

   • Name: max
   • Value: TextToDate(CurrDate())
   • This sets the max attribute to the current date, preventing users from selecting any future dates.

3. Optional: Server-Side Validation: Even though the max attribute will restrict users from selecting future dates on the client side, it’s good practice to add server-side validation to ensure the selected date is not in the future.

   In your Save action or wherever you are processing the date input, add a condition:

   If( SelectedDate > CurrDate(),  Raise Validation Error)

Dear @Tarun Singh 

If you’re working with a simple input field for date entry and need to prevent future dates, you can restrict this using a combination of input constraints and validation logic.

Client-Side

• HTML Date Input Type with Max Attribute

<Input Type="Date" Max=Text(CurrDate(), "yyyy-MM-dd") />

You can set the input type to date and use the max attribute to restrict the input field to today’s date. Here’s how:

Binding Max to the current date formatted as "yyyy-MM-dd" to ensure the restriction works correctly. The Max attribute will make sure users can’t select any date beyond today’s date.

• JavaScritp Validation

You can add a bit of JavaScript to handle the validation directly in the browser before submission.

Server-Side

Implement these in action flow:

• On Form Submission: Add a conditional check that compares the input date with today’s date.
• Display Error Message: If the date is greater than today’s date, display an error message.

Hi,

Apply below java script in onready event of screen

document.getElementById($parameters.Inputid).setAttribute("max", new Date().toISOString().split("T")[0]); 

after that apply the below java script on on input event of input field

const dateInput = document.getElementById($parameters.InputId);

const today = new Date().toISOString().split("T")[0];

dateInput.addEventListener("input", function() {

    if (dateInput.value > today) {

        dateInput.value = ""; 

        alert("Future dates are not allowed."); 

    }

});