How to bring fun DatePicker's date value to fun TaskContent - kotlin

Question

I just start to make and edit some android apps after taking some Udemy online courses. I'm beginner at programming myself, so please understand my questions will be basic level for most software engineers. I am editing the code using Jetpack compose. I'm making a todoapp. I used MVVM structure, it's got repository, viewmodel etc... It's first time to ask questions in stackoverflow.
Here is my question. If you need more info to help me, let me know in comment.
I added the date in the TaskContent Function. I can't bring the date data that I chose from DatePicker Function.
How can I modify the code to bring the date information I selected from fun datePicker to fun TaskContent?
#Composable
fun TaskContent(
title: String,
onTitleChange: (String) -> Unit,
description: String,
onDescriptionChange: (String) -> Unit,
priority: Priority,
onPrioritySelected: (Priority) -> Unit,
date: String,
onDateChange: (String) -> Unit
) {
Column(
modifier = Modifier
.fillMaxSize()
.background(MaterialTheme.colors.background)
.padding(all = LARGE_PADDING)
) {
OutlinedTextField(
modifier = Modifier.fillMaxWidth(),
value = title,
onValueChange = { onTitleChange(it) },
label = { Text(text = stringResource(id = R.string.title)) },
textStyle = MaterialTheme.typography.body1,
singleLine = true
)
Divider(
modifier = Modifier.height(MEDIUM_PADDING),
color = MaterialTheme.colors.background
)
PriorityDropDown(
priority = priority,
onPrioritySelected = onPrioritySelected
)
Divider(
modifier = Modifier.height(MEDIUM_PADDING),
color = MaterialTheme.colors.background
)
DatePicker(date = date, onDateChange = onDateChange)
OutlinedTextField(
modifier = Modifier.fillMaxSize(),
value = description,
onValueChange = { onDescriptionChange(it) },
label = { Text(text = stringResource(id = R.string.description)) },
textStyle = MaterialTheme.typography.body1
)
}
}
I want to choose the date from fun DatePicker and send the data all the way to viewmodel... other things like title, description, priority are connected all the way to viewmodel.
If I start the app, I can choose the date from calendar using fun DatePicker. However, I can't send the data to fun TaskContent..
#Composable
fun DatePicker(
date: String,
onDateChange: (String) -> Unit
){
val mContext = LocalContext.current
val mYear: Int
val mMonth: Int
val mDay: Int
val mCalendar = Calendar.getInstance()
mYear = mCalendar.get(Calendar.YEAR)
mMonth = mCalendar.get(Calendar.MONTH)
mDay = mCalendar.get(Calendar.DAY_OF_MONTH)
mCalendar.time = Date()
val mDate = remember { mutableStateOf("") }
val mDatePickerDialog = DatePickerDialog(
mContext,
{ _: DatePicker, mYear, mMonth, mDayOfMonth ->
mDate.value = "${mYear}year ${mMonth+1}month ${mDayOfMonth}day"
}, mYear, mMonth, mDay
)
Row(
modifier = Modifier
.fillMaxWidth()
.height(PRIORITY_DROP_DOWN_HEIGHT)
.clickable { mDatePickerDialog.show() }
.border(
width = 1.dp,
color = MaterialTheme.colors.onSurface.copy(alpha = ContentAlpha.disabled),
shape = MaterialTheme.shapes.small
).padding(12.dp),
verticalAlignment = Alignment.CenterVertically
) {
Text(
text = "date: ${mDate.value}", style = MaterialTheme.typography.subtitle2)
}
}