Time Picker in Android using Jetpack Compose

package com.geeksforgeeks.demo

import android.app.TimePickerDialog
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import java.util.*

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MaterialTheme {
                TimePickerContent()
            }
        }
    }
}

@Composable
fun TimePickerContent() {
    // Accessing the current Android context
    val context = LocalContext.current

    // Get the current time using Calendar
    val calendar = Calendar.getInstance()
    val hour = calendar[Calendar.HOUR_OF_DAY]
    val minute = calendar[Calendar.MINUTE]

    // Mutable state to store the selected time as a string
    var selectedTime by remember { mutableStateOf("") }

    // Creating a TimePickerDialog in 12-hour format
    val timePickerDialog = TimePickerDialog(
        context,
        { _, selectedHour: Int, selectedMinute: Int ->
            // Convert 24-hour to 12-hour format
            val hour12 = if (selectedHour % 12 == 0) 12 else selectedHour % 12
            val amPm = if (selectedHour < 12) "AM" else "PM"

            // Format time with leading zeros for minutes
            selectedTime = String.format("%d:%02d %s", hour12, selectedMinute, amPm)
        },
        hour,   // Current hour
        minute, // Current minute
        false   // false = 12-hour format
    )

    // Layout for the UI elements
    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp), // Padding around the column
        verticalArrangement = Arrangement.Center, // Center elements vertically
        horizontalAlignment = Alignment.CenterHorizontally // Center elements horizontally
    ) {
        // Button to show the Time Picker Dialog
        Button(
            onClick = { timePickerDialog.show() },
            colors = ButtonDefaults.buttonColors(containerColor = Color(0xFF0F9D58)) // Green button
        ) {
            Text(text = "Open Time Picker", color = Color.White)
        }

        // Spacer for vertical spacing
        Spacer(modifier = Modifier.height(50.dp))

        // Display the selected time, or a fallback message
        Text(
            text = if (selectedTime.isNotEmpty()) "Selected Time:\n$selectedTime" else "No time selected",
            fontSize = 24.sp,
            textAlign = TextAlign.Center
        )
    }
}