Hey Dela,
Try this css , both cases are for text that overflowed, you will not need text-overflow
.custom-overflow > .table > .table-content > .tr > .td > .td-custom-content{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
and if that css don't help you, you need create one more class for DatePicker widget e.g. this what i did for tooltip widget
.tooltipdatagrid2 > .mx-dataview-content >.widget-tooltip>.widget-tooltip-trigger {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
Best regards, Slavko