Todays date not highlighting in yellow background.

[tijutthomasParticipant]

Todays date not highlighting with yellow background.

We are using current JQWidgets version – 3.2.2.

Selected a date(not todays) from widget(widget was showing todays date in grey background). Then i opened widget again but todays date was not hightlighted at all, but previously selected date was showing as grey background. Problem here was todays date not highlighting at all.

Please find below code reference for more details. If anything wrong here in below code please correct me.

<div class=”component-group” data-options=”label:’Settlement Date’, type:’dateinput’, name:’_Date'” style=”width: 25%;”>
<div class=”componentSet” data-bind=”css{required:isMandatory,disabled:isDisabled}” name=”_Date”>
<p data-bind=”html: label”>Settlement Date</p>
<div id=”dateinput__Date” class=”default jqx-widget jqx-datetimeinput jqx-input jqx-overflow-hidden jqx-rc-all jqx-reset jqx-clear jqx-widget-content jqx-fill-state-focus” data-bind=”attr:{‘class’:style}, event: { open:WorkspaceComponent.OpenCalendar, close:WorkspaceComponent.CloseCalendar }, jqxDateTimeInput: {max: new Date(9999, 11, 32), value : date, formatString:’dd-MMM-yyyy’, height: ’19px’ }” name=”_Date” datacomponent=”dateinput” data-role=”input” role=”textbox” style=”width: 200px; height: 19px;” aria-owns=”calendarjqxWidget5fdf80b8″ aria-haspopup=”true” aria-readonly=”false” aria-valuenow=”Thu May 15 2014 00:00:00 GMT-0500 (Central Standard Time)” aria-valuetext=”15/05/2014″ aria-valuemin=”Mon Jan 01 1900 00:00:00 GMT-0600 (Central Daylight Time)” aria-valuemax=”Sat Jan 01 10000 00:00:00 GMT-0600 (Central Daylight Time)” aria-disabled=”false” aria-label=”Current focused date is Thursday, May 15, 2014 12:00:00 AM” aria-expanded=”true”>
<div class=”jqx-max-size jqx-position-relative”>
<input id=”inputdateinput__Date” class=”jqx-position-absolute jqx-reset jqx-clear jqx-input-content jqx-widget-content jqx-rc-all” type=”textarea” autocomplete=”off” name=”_Date” style=”width: 141px; left: 0px; top: 0px; margin-top: 2px; text-align: left;”>
<div class=”jqx-position-absolute jqx-action-button jqx-fill-state-normal jqx-rc-r jqx-fill-state-pressed” style=”height: 100%; width: 19px; left: 142px;”>
</div>
</div>
<label class=”default” data-bind=”html:errorMessage, attr:{title:errorMessage, ‘class’:style}” title=””></label>
</div>
<span class=”” style=”position: absolute;right:10px;top:22px;bottom: 0px;” data-bind=”attr:{‘class’:imgstyle, title:errorMessageLong}” title=””></span>
</div>
</div>

[tijutthomasParticipant]

I’m not sure what went wrong, but after overriding the .jqx-calendar-cell-today in our css it worked fine for me.

.jqx-calendar-cell-today
{
color: #898989 !important;
background-color: #ffffdb !important;
border: 1px solid #fdc066 !important;
margin: 0 0 0 0 !important;
cursor: pointer !important;
}

[Author]

Posts