feat(datetime-input): add component #IX-3628

[alexkaduk]

💡 What is the current behavior?

No datetime input component exists. Users must use separate date and time inputs.

🆕 What is the new behavior?

Added ix-datetime-input component - a combined date and time input with integrated picker.

Features:

• Combines date and time selection in single input
• Wraps ix-datetime-picker with auto-open/close behavior
• Display format: dateFormat + timeFormat
• Full validation: format, min/max date, required

🏁 Checklist

A pull request can only be merged if all of these conditions are met (where applicable):

• 🦮 Accessibility (a11y) features were implemented
• 🗺️ Internationalization (i18n) - no hard coded strings
• 📲 Responsiveness - components handle viewport changes and content overflow gracefully
• 📕 Add or update a Storybook story
• 📄 Documentation was reviewed/updated siemens/ix-docs
• 🧪 Unit tests were added/updated and pass (pnpm test)
• 📸 Visual regression tests were added/updated and pass (Guide)
• 🧐 Static code analysis passes (pnpm lint)
• 🏗️ Successful compilation (pnpm build, changes pushed)

Related docu PR is siemens/ix-docs#165

[sonarqubecloud]

Quality Gate passed

Issues
3 New issues
10 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[danielleroux]

Restore valid datetime is not possible without interacting with with both components date and time:

• Enter some valid date e.g "2026/03/12 08:42:24"
• Change the seconds to 99
• Selecting in the seconds = 30
• Press "Confirm"
  -- > Picker still invalid

[danielleroux]

I miss the following tests:

• framework-smoke-tests
• Component testcase include axe check
  

  ix/packages/core/src/components/tabs/test/tabs.ct.ts

  Lines 12 to 23 in a35d9b7

  	regressionTest('accessibility', async ({ mount, makeAxeBuilder }) => {
  	await mount(`
  	<ix-tabs>
  	<ix-tab-item>Item 1</ix-tab-item>
  	<ix-tab-item>Item 2</ix-tab-item>
  	<ix-tab-item>Item 3</ix-tab-item>
  	</ix-tabs>
  	`);
  	const accessibilityScanResults = await makeAxeBuilder().analyze();
  	expect(accessibilityScanResults.violations).toEqual([]);
  	});

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
10 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud