fix(input-date-picker): add label property for screen readers and AT (#11995)

**Related Issue:** #8480

## Summary

This PR adds a `label` property to `calcite-input-date-picker` to
support an accessible screen reading experience.

<img width="681" alt="image"
src="https://github.com/user-attachments/assets/f714c200-91e2-444d-ace4-9a04e90e63a9"
/>

Author: eriklharper

packages/calcite-components/src/components/input-date-picker/input-date-picker.e2e.ts

@@ -25,12 +25,7 @@ const animationDurationInMs = 200;
 
 describe("calcite-input-date-picker", () => {
   describe("accessibility", () => {
-    accessible(html`
-      <calcite-label>
-        Input Date Picker
-        <calcite-input-date-picker></calcite-input-date-picker>
-      </calcite-label>
-    `);
+    accessible(html` <calcite-input-date-picker label="Input Date Picker"></calcite-input-date-picker> `);
   });
 
   describe("renders", () => {
@@ -70,6 +65,10 @@ describe("calcite-input-date-picker", () => {
     labelable("calcite-input-date-picker");
   });
 
+  describe("labelable range", () => {
+    labelable("<calcite-input-date-picker range></calcite-input-date-picker>");
+  });
+
   describe("disabled", () => {
     disabled("calcite-input-date-picker");
   });

packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx

@@ -198,6 +198,9 @@ export class InputDatePicker
   /** Specifies the heading level of the component's `heading` for proper document structure, without affecting visual styling. */
   @property({ type: Number, reflect: true }) headingLevel: HeadingLevel;
 
+  /** Accessible name for the component. */
+  @property() label: string;
+
   /** Defines the layout of the component. */
   @property({ reflect: true }) layout: "horizontal" | "vertical" = "horizontal";
 
@@ -1100,6 +1103,7 @@ export class InputDatePicker
                   }}
                   disabled={disabled}
                   icon="calendar"
+                  label={this.label}
                   oncalciteInputTextInput={this.calciteInternalInputInputHandler}
                   oncalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}
                   oncalciteInternalInputTextFocus={this.startInputFocus}
@@ -1184,6 +1188,7 @@ export class InputDatePicker
                     }}
                     disabled={disabled}
                     icon="calendar"
+                    label={this.label}
                     oncalciteInputTextInput={this.calciteInternalInputInputHandler}
                     oncalciteInternalInputTextBlur={this.calciteInternalInputBlurHandler}
                     oncalciteInternalInputTextFocus={this.endInputFocus}