Description

When you drag and drop text over a date/time the text is allowed to exceed the limits of the mask and is not parsed as a value (or ignored if not valid). Closely related to #6710

• igniteui-angular version: 9
• browser: N/A

Steps to reproduce

1. Open Dropdown mode demo
2. [Optional] clear the editor
3. Select the text from anywhere in the page
4. Drag and drop it to the date picker

(same is reproducible with the time picker dropdown demo)

Result

The text is allowed go outside of the mask limits and you can 'delete' parts of the mask and literals:

Also Error: InvalidPipeArgument: 'Unable to convert "Invalid Date" into a date' for pipe 'e' is thrown if you blur the date picker (only) in the state above since the mask did not ensure numeric values.

Expected result

The dropped text should be treated as paste and applied over the mask. Ideally, when dragging, the mask should appear with the browser cursor to allow to determine the drop location.