Odoo TimePicker

by XueFeng.Su

v 18.0 Third Party 67

You bought this module and need support? Click here!

🕐 Odoo 18 Time Picker Widget

A professional time picker component designed specifically for Odoo 18, built with OWL 2 framework

✅ OWL 2 Compatible

Built on the modern OWL 2 framework for optimal performance and compatibility with Odoo 18

✅ Click to Select

Click anywhere on the input field to instantly open the time picker - no need to hunt for small icons

✅ Clean Design

Hides the browser's default clock icon for a minimal, professional interface that matches Odoo's design

✅ Char Field Support

Stores time as string format (HH:MM:SS) in your database with full precision

✅ Responsive Design

Automatically adapts to different screen sizes and devices, including mobile-optimized native pickers

✅ Cross-browser Compatible

Works seamlessly across all major modern browsers including Chrome, Firefox, Safari, and Edge

📖 How to Use

1 Define Fields in Your Model

                class YourModel(models.Model):

    _name = 'your.model'

    work_time = fields.Char(string='Work Time', help='Format: HH:MM:SS')

    start_time = fields.Char(string='Start Time')

    end_time = fields.Char(string='End Time')

2 Use in Your Views

                <!-- Form View -->

<field name="work_time" widget="time_picker"/>

<field name="start_time" widget="time_picker" placeholder="Select start time"/>

<!-- List View -->

<field name="work_time" widget="time_picker"/>

<field name="start_time" widget="time_picker"/>

⚙️ Available Attributes

Attribute	Type	Default	Description
`widget`	string	-	Must be set to `"time_picker"`
`placeholder`	string	-	Input field placeholder text
`readonly`	boolean	false	Whether the field is in readonly mode

💾 Data Format

Storage Format: String (HH:MM:SS)

Example Values: "09:30:00", "14:15:30", "23:59:59"

Empty Value Handling: Empty string or False

🌐 Browser Compatibility

Browser	Version	Support Status
Chrome	20+	✅ Fully Supported
Firefox	57+	✅ Fully Supported
Safari	14.1+	✅ Fully Supported
Edge	79+	✅ Fully Supported

⚠️ Important Notes

Requirements & Best Practices

Field Type: Must use fields.Char field type
Time Format: Component automatically handles HH:MM:SS format
Mobile Devices: Displays native time picker on mobile devices for better UX
Performance: Component is optimized for use in large lists and forms

🚀 Why Choose This Widget?

🎯 User-Friendly

Intuitive interface that makes time selection effortless for your users

🛠️ Developer-Friendly

Easy to implement with minimal configuration required

📱 Mobile-Ready

Automatically adapts to mobile devices with native time pickers

🎨 Consistent Design

Matches Odoo's native design language perfectly

Please log in to comment on this module

The author can leave a single reply to each comment.
This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
If you want to start a discussion with the author, please use the developer contact information. They can usually be found in the description.