feat/ allow client code to customize label for the input field (#28)

Author: itstanany

README.md

@@ -41,19 +41,20 @@ See [MainActivity in the sample app](https://github.com/jump-sdk/jetpack_compose
 ```
 
 
-| Parameter       | Description                                                                                                                                                                                            |
-|-----------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| onValueChange   | Called when the text in the text field changes. The first parameter is string pair of (country code, phone number) and the second parameter is a boolean indicating whether the phone number is valid. |
-| modifier        | Modifier to be applied to the inner OutlinedTextField.                                                                                                                                                 |
-| enabled         | Boolean indicating whether the field is enabled.                                                                                                                                                       |
-| shape           | Shape of the text field.                                                                                                                                                                               |
-| showCountryCode | Whether to show the country code in the text field.                                                                                                                                                    |
-| showCountryFlag | Whether to show the country flag in the text field.                                                                                                                                                    |
-| colors          | Colors to be used for the text field.                                                                                                                                                                  |
+| Parameter           | Description                                                                                                                                                                                            |
+|---------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| onValueChange       | Called when the text in the text field changes. The first parameter is string pair of (country code, phone number) and the second parameter is a boolean indicating whether the phone number is valid. |
+| modifier            | Modifier to be applied to the inner OutlinedTextField.                                                                                                                                                 |
+| enabled             | Boolean indicating whether the field is enabled.                                                                                                                                                       |
+| shape               | Shape of the text field.                                                                                                                                                                               |
+| showCountryCode     | Whether to show the country code in the text field.                                                                                                                                                    |
+| showCountryFlag     | Whether to show the country flag in the text field.                                                                                                                                                    |
+| colors              | Colors to be used for the text field.                                                                                                                                                                  |
 | fallbackCountryCode | The country to be used as a fallback if the user's country cannot be determined.                                                                                                                       |
-| showPlaceholder | Whether to show the placeholder number in the text field.                                                                                                                                              |
-| includeOnly     | A set of 2 digit country codes to be included in the list of countries. Set to null to include all supported countries.                                                                                |
-| clearIcon       | The icon to be used for the clear button. Set to null to disable the clear button.                                                                                                                     |
+| showPlaceholder     | Whether to show the placeholder number in the text field.                                                                                                                                              |
+| includeOnly         | A set of 2 digit country codes to be included in the list of countries. Set to null to include all supported countries.                                                                                |
+| clearIcon           | The icon to be used for the clear button. Set to null to disable the clear button.                                                                                                                     |
+| label               | An optional composable to be used as a label for input field.                                                                                                                                          |
 
 
 ## How to add in your project

ccp/src/main/java/com/togitech/ccp/component/TogiCountryCodePicker.kt

@@ -70,6 +70,7 @@ private val DEFAULT_TEXT_FIELD_SHAPE = RoundedCornerShape(24.dp)
  * @param includeOnly A set of 2 digit country codes to be included in the list of countries.
  * Set to null to include all supported countries.
  * @param clearIcon The icon to be used for the clear button. Set to null to disable the clear button.
+ * @param label An optional composable to be used as a label for input field
  */
 @OptIn(ExperimentalComposeUiApi::class)
 @Suppress("LongMethod")
@@ -86,6 +87,9 @@ fun TogiCountryCodePicker(
     showPlaceholder: Boolean = true,
     includeOnly: ImmutableSet<String>? = null,
     clearIcon: ImageVector? = Icons.Filled.Clear,
+    label:
+    @Composable()
+    (() -> Unit)? = null,
 ) {
     val context = LocalContext.current
     val focusRequester = remember { FocusRequester() }
@@ -124,6 +128,7 @@ fun TogiCountryCodePicker(
             )
             .focusRequester(focusRequester = focusRequester),
         enabled = enabled,
+        label = label,
         placeholder = {
             if (showPlaceholder) {
                 PlaceholderNumberHint(langAndCode, fallbackCountry)