Default Component - Copy this React, Tailwind Component to your project

Generate a sleek and modern clock time picker component with a rotating needle for selecting hours and minutes. The clock should support both 12-hour (AM/PM) and 24-hour formats. Users should be able to switch between these formats dynamically. The needle should smoothly transition to the selected time, and the UI should be intuitive and mobile-friendly. Use React with Tailwind CSS or Material-UI for styling. Ensure accessibility and responsiveness