Hi Team,
When i click on date picker date is getting changed it's not showing current date in calendar. Please find the attached screenshot.
Below is the code:
children: [
{
text: 'Start Date',
type: 'date',
width: 120,
field: 'actualStartDate',
region: 'middle',
format: 'DD/MM/YY',
cls: 'start-date-header',
draggable: false,
cellCls: 'start-date-cell',
editor: {
editable: true,
listeners: {
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
action: isActualStartDateValid,
input: isActualStartDateValid,
change: isActualStartDateValid
},
picker: {
disabledDates: function (value) {
// sunday not allowed
if (value.getDay() === 0) {
return true;
}
// greater dates not allowed
if (value && value instanceof Date) {
const currDate = new Date();
if (moment(value).isAfter(currDate, 'day')) return true;
}
}
}
},
tooltipRenderer: ({ record, cellElement, value, tip }) => {
const { progress = '', trackedBy = '', serialNumber } = record;
if (Number(progress) > 0 && !record.actualStartDate && record.trackable !== 'ROLLUP') {
tip._element.classList.add('tooltip-container');
//cellTooltip.classList.add('tooltip-container');
return `Actual Start Date is required`;
}
},
// finalizeCellEdit: async ({ value, record }) => {
// let { progress = '' } = { ...record?.originalData };
// // if there is no progress, actual st date can not be edited
// if (!progress && progress !== 0) {
// return false;
// }
// return true;
// },
renderer({ cellElement, row, record, value, column }) {
let { id } = column;
const { progress = '', trackedBy = '', actualStartDate, serialNumber } = record;
if (Number(progress) > 0 && !actualStartDate && record.trackable !== 'ROLLUP') {
cellElement.classList.add('cell-focused');
requiredValidationMessage({ serialNumber, _id: id });
return;
}
if (!Number(progress) && Number(progress) < 0) {
cellElement.classList.add('disabled-field');
}
if (value) {
removeRequireValidation({ serialNumber, _id: id });
}
return (value && moment(value).format('DD/MM/YYYY')) || '';
}
},