New: Add dt-datetime class to input element

Dev: Dark mode, add `color-scheme: dark` to input and select elements
when in dark mode

DD-2648

css/dataTables.dateTime.scss

@@ -280,6 +280,10 @@ div.dt-datetime-error {
 
 
 html.dark {
+	input.dt-datetime {
+		color-scheme: dark;
+	}
+
 	div.dt-datetime {
 		border: 1px solid rgb(89, 91, 94);
 		background-color: rgb(33, 37, 41);
@@ -351,6 +355,10 @@ html.dark {
 				border-left-color: white;
 			}
 		}
+
+		select {
+			color-scheme: dark;
+		}
 	}
 
 	div.dt-datetime-error {

dist/dataTables.dateTime.css

@@ -231,6 +231,9 @@ div.dt-datetime-error {
   color: #b11f1f;
 }
 
+html.dark input.dt-datetime {
+  color-scheme: dark;
+}
 html.dark div.dt-datetime {
   border: 1px solid #595b5e;
   background-color: #212529;
@@ -281,6 +284,9 @@ html.dark div.dt-datetime div.dt-datetime-iconLeft:after {
 html.dark div.dt-datetime div.dt-datetime-iconRight:after {
   border-left-color: white;
 }
+html.dark div.dt-datetime select {
+  color-scheme: dark;
+}
 html.dark div.dt-datetime-error {
   color: #b11f1f;
 }

dist/dataTables.dateTime.js

@@ -197,6 +197,8 @@ var DateTime = function ( input, opts ) {
 		.append( this.dom.buttons )
 		.append( this.dom.calendar );
 
+	this.dom.input.addClass('dt-datetime');
+
 	this._constructor();
 };
 

dist/dataTables.dateTime.mjs

@@ -161,6 +161,8 @@ var DateTime = function ( input, opts ) {
 		.append( this.dom.buttons )
 		.append( this.dom.calendar );
 
+	this.dom.input.addClass('dt-datetime');
+
 	this._constructor();
 };
 

js/dataTables.dateTime.js

@@ -155,6 +155,8 @@ var DateTime = function ( input, opts ) {
 		.append( this.dom.buttons )
 		.append( this.dom.calendar );
 
+	this.dom.input.addClass('dt-datetime');
+
 	this._constructor();
 };