DateTime Picker+

  body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; margin: 0; padding: 0; background-color: #f9f9f9; } .container { width: 90%; max-width: 1200px; margin: auto; padding: 20px; background-color: #fff; } .product-title { text-align: center; font-size: 3em; font-weight: bold; margin: 20px 0 50px; } .header-icon { display: block; margin: 0 auto 30px; width: 90px; height: auto; } .feature-list, .benefits-list, .use-cases-list { list-style: disc; padding-left: 20px; } .screenshots { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .screenshot-item { background-color: #f1f1f1; padding: 15px; border-radius: 8px; } .screenshot-item img { width: 100%; height: auto; border-radius: 4px; } .screenshot-item h4 { margin-top: 10px; font-size: 1.1em; color: #555; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-top: 20px; } .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section { margin: 40px 0; border-bottom: 2px solid #ddd; padding-bottom: 20px; } .section h2 { text-align: left; font-size: 1.8em; margin-bottom: 10px; } a { color: #007BFF; text-decoration: none; } a:hover { text-decoration: underline; } @media (max-width: 600px) { .screenshots { grid-template-columns: 1fr; } } DateTime Picker+ DateTime Picker+ is a custom symbol for PI Vision that allows users to define their own DateTime filters, bypassing the default PI Vision timebar. This makes creating dashboards and easy-to-navigate displays more efficient and intuitive. It is included in the Vision Library+ Symbol Package. Features Time Interval Options: Define intervals such as hour, day, week, month, or year. Custom Time Ranges: Set specific start and end times or use predefined ranges. Offset Configuration: Adjust for production-specific time frames (e.g., 06:00 to 06:00). Multiple Display Modes: Choose between calendar, dropdown menu, or button list views. Custom Data Sources: Define time ranges from your own data sources. Benefits DateTime Picker+ enhances flexibility and usability in PI Vision dashboards by providing custom time management features. Improved Navigation: Easily switch between time frames with intuitive controls. Customizable Views: Tailor the appearance and functionality to fit your specific use case. Enhanced Efficiency: Save time by using pre-defined or user-specified time intervals. Example Use Cases Production Monitoring: Define shifts and production-specific timeframes for better analysis. Data Analysis: Use custom time filters to focus on critical events or patterns. Dynamic Dashboards: Enable users to navigate time ranges dynamically for interactive insights. Screenshots Change Time Range Quickly adjust time ranges using intuitive controls. Highly Customizable Adjust colors, fonts, and styles to match your dashboard. Calendar View Select time ranges using an interactive calendar interface. Dynamic Buttons Create customizable buttons for predefined time intervals. Style It Your Way Personalize your picker with flexible styling options. Demo Your browser does not support the video tag.