Date Time Picker | Custom Web Control | WinCC Unified & V8

Custom Web Control

About Date Time Picker

The Date Time Picker is a sophisticated Custom Web Control (CWC) designed to provide operators with a modern, intuitive interface for date and time selection within WinCC Unified and WinCC V8 environments. This control bridges the gap between standard HMI inputs and the precise scheduling requirements of industrial automation, offering a fully responsive and themeable calendar and clock interface.

Key Features

• Flexible Time Formats: Seamlessly switch between 12-hour and 24-hour modes using the is24HourFormat property, with optional high-precision selection via showSeconds.
• Dual Data Binding: Outputs selection in both localized strings (selectedDateTime) and standard selectedDateTimeISO format for easy integration with databases and PLC logic.
• Execution Control: Utilize the useApplyButton and applyButtonText properties to ensure selections are only processed after operator confirmation, triggering the DateTimeChanged event.
• Programmatic Control: Includes built-in methods like setDateTime, resetToToday, and resetToNow for dynamic HMI interaction and automated resets.

Customization

The control is built for global deployment. Engineers can localize the entire interface using monthNames, weekdayLabels, amLabel, and pmLabel JSON arrays. Visually, the picker integrates into any corporate design through adjustable backgroundColor, accentColor, surfaceColor, and textColor properties, ensuring high visibility in dark or light mode control room environments.

Use Cases

This control is ideal for setting maintenance schedules, filtering historical trend data, configuring batch start times, and managing shift-based reporting parameters where precision and ease of use are critical for the operator.

Compatibility

Fully compatible with WinCC Unified (TIA Portal) and WinCC V8. The package includes comprehensive documentation for rapid deployment and simple property binding to PLC tags.

⚠️ AI-Generated: This custom web control was automatically generated using AI. Please test and validate its performance and security within your specific network architecture before deploying in production environments.

⚠️ AI-Generated: This custom web control was automatically generated using AI technology. It may contain errors or unexpected behavior. Users are responsible for testing and validating before using in production environments.