cdcharlebois / datepair

Separate Date and Time pickers for a Mendix Datetime

typora-copy-images-to	typora-root-url
./assets	.

DateTime

Installation

1. Install the widget in your project
2. Include the DateTime widget on a page where you'd like to display an independent date and time picker for a Datetime attribute. Individual widgets Date, and Time are also available, with just their specific set of properties.
3. Configure the widget:

• DateTime : The attribute(s) to use for the Datetimes displayed
• Editable : Should the fields be editable? (Entity isReadOnlyAttr() will override this.)

Date Settings

• Date Format: the format to display the date. Follow this guide.

• Earliest Selectable Date: The earliest date a user can select, in days relative to today.

• Earliest Date Attr : An attribute containing the earliest date a user can select (overrides Earliest Selectable Date)

• Start Open : Should the control start open?

Date Restrictions

• Disabled Days : Days of the week that the user may not select.
• Date Entity, Microflow, Date Attribute : In conjunction, these properties allow you disable a list of days. Configure a microflow Microflow, such that it returns a list of entities Date Entity, having an attribute Date Attribute. The dates present in Date Attribute will be greyed out in the picker and unavailable for the user to select.

Time Settings

• Time Format : The format to display the time. Follow this guide.
• Interval : Interval of times to select (in minutes)
• Earliest Selectable Time : Enter an integer to have the earliest selectable time be relative to now, or a 24h time.

Time Restrictions

Time Entity, Times Microflow, Time Attribute : In conjunction, these properties allow you disable a list of days. Configure a microflow Times Microflow, such that it returns a list of entities Time Entity, having an attribute Time Attribute. The times present in Time Attribute will be greyed out in the picker and unavailable for the user to select.

Disabled Times : Comma-separated list of times, in 24h format.

Typical usage scenario

• For better control over the UI when a user needs to pick a date or time.

Known Limitations

• none at this time.

Based on the Mendix Widget Boilerplate

See AppStoreWidgetBoilerplate for an example

datepair's Issues

Widget starts open even when configured to not.

Widget will start open when page is opened even when setting "Start Open?" set to no.

Datepicker start open function isn't working in mx 7.10

Date Box Is Grayed Out

In our implementation of this widget, we're experiencing some weird issues. Even though the field is editable and we can click on it to edit, it is grayed out - like it isn't editable. In other words, the text box that has the date displayed has a gray background instead of a white one.

Allow user to input date or time directly.

User is required to use the selection widget. Ideally, they may do that or input the date / time directly into the input field.

Should have the option to render the field's label

Validation Handler Should be more Specific

Currently, it shows the error node for any validation on the page, not just its own context object

Add a way to quickly change years

Clear button sets date time to 1/1/1970

When you press the clear button on the widget on a date field, the datetime is reset to 1/1/1970 (unix time).

Earliest and Latest Date Attribute issue

When just the Earliest Date Attribute is set the widget doesn't reflect the value. I have tried CurrentDateTime, BeginningOfCurrentDay and -1 day on both respectively.

When both the earliest (EG BeginningOfCurrentDay) and latest (EG addDays(BeginningOfCurrentDay, 14)) attribute is set the entire calendar is greyed out and it goes back to the year 1970.

The values can be retrieved on the page through text widgets and the values are what I expected.

Mendix Version: 8.9

Make it work for just a single date input, without the pair.

The clear button is confusing

It probably shouldn't reset the value to the earliest selectable date..

Should be tabbable

Refresh context object makes values disappear

When you refresh the context object, in Mx 7.9.0 and 7.13.1, the widget does not render the date and time values anymore. Somehow, this also breaks the rendering / value of the object when you show a default date picker.

On https://datetimerefreshiss.mxapps.io you can see the behaviour:

1. See that the date and time are filled
2. Press refresh
3. Notice that the date and time are not rendered

On the right side of the screen, the normal mendix date picker is shown and keeps the values.

I made a change to line 352:

_setDateTimePickerValues: function(datetime) {
datetime = this._contextObj.get(this.fromDate);
....
}

To make sure the values are obtained from the context object.

Widget is broken in 7.12 Atlas UI

The widget seems broken in 7.12 + Atlas UI:
-- When display as modal is true, it does pop up, but behaviour in UI is undesired
-- When display as modal is false, it does not show at all.

Please find reproduction project attached.
https://wetransfer.com/downloads/1c99d17067524b0570d793c95349ba9220180309091409/d40921f2038344ac57bf959c55c2981c20180309091409/9b502b

Should render a little better

The date and time fields should expand to full width (like regular controls) and the validation feedback bar should be below them