To replace the "to" in the date picker range with a custom delimiter like "-" or "," in OutSystems, you can achieve this by customizing the date range display. 

1. Create a Date Range Picker:

   • Use two Date Picker widgets to allow the user to select a start date and an end date.

2. Create a Text Variable to Display the Custom Date Range:

   • Create a text variable to hold the formatted date range.

3. Update the Text Variable Whenever the Date Changes:

   • Use a client action to update the text variable whenever the user selects or changes a date.

1. Add Two Date Picker Widgets:

   • Drag and drop two Date Picker widgets onto your screen, one for the start date and one for the end date.
   • Name them StartDatePicker and EndDatePicker.

2. Create a Text Variable:

   • Create a text variable, e.g., DateRangeText, to hold the formatted date range.

3. Create a Client Action to Update the Date Range Text:

   • Create a client action named UpdateDateRangeText.
   • Inside the client action, use an Assign node to concatenate the selected start and end dates with the custom delimiter.
4. Add Event Handlers to the Date Pickers:
   • Set the OnChange event of both Date Picker widgets to call the UpdateDateRangeText client action.

Hi,

You can find the script for Datepicker by taking clone of OutsystemsUI. You can customize the script for date picker range as per your requirement for your application.

Attached the sample here. 

Hi,

The Date Picker works as expected for me. Please refer the OML.

Hope this helps!

Thanks,