diff --git a/src/screens/daily-report-page/stepComponent/bko.js b/src/screens/daily-report-page/stepComponent/bko.js
new file mode 100644
index 0000000..93723b4
--- /dev/null
+++ b/src/screens/daily-report-page/stepComponent/bko.js
@@ -0,0 +1,85 @@
+import React, { useEffect, useCallback, useMemo, useState, useRef } from 'react';
+import { TextInput, Appbar, Avatar, TouchableRipple, List, Button } from 'react-native-paper';
+import { StyleSheet, View, ScrollView, StatusBar } from 'react-native';
+import { colors } from '../../../utils/color'
+import { strings } from '../../../utils/i18n'
+
+export default function BKOScreen({ route, navigation }) {
+
+    return (
+        <>
+            <StatusBar backgroundColor={colors.blue} barStyle='light-content' translucent={true} />
+            <Appbar.Header mode='center-aligned' style={{ backgroundColor: colors.blue, elevation: 4 }}>
+                <Appbar.BackAction color={colors.pureWhite} onPress={() => { navigation.goBack() }} />
+                <Appbar.Content titleStyle={{ fontWeight: 'bold' }} color={colors.pureWhite} title='BKO' />
+            </Appbar.Header>
+            <ScrollView>
+                <View style={styles.container}>
+                    <TextInput
+                        style={{ marginTop: 10 }}
+                        dense={true}
+                        value=''
+                        keyboardType='numeric'
+                        outlineColor={colors.amethystSmoke}
+                        activeOutlineColor={colors.blue}
+                        mode="outlined"
+                        label='Kepolisian'
+                        placeholder='Kepolisian'
+                    />
+                    <TextInput
+                        style={{ marginTop: 10 }}
+                        dense={true}
+                        value=''
+                        keyboardType='numeric'
+                        outlineColor={colors.amethystSmoke}
+                        activeOutlineColor={colors.blue}
+                        mode="outlined"
+                        label='TNI'
+                        placeholder='TNI'
+                    />
+
+                </View>
+
+
+
+            </ScrollView>
+
+            <View style={styles.buttonContainer}>
+                <Button mode="outlined" style={styles.button} textColor={colors.mistBlue} onPress={() => { navigation.goBack() }} >
+                    Kembali
+                </Button>
+                <Button mode="contained" style={[styles.button, { backgroundColor: colors.blue }]} onPress={() => console.log('Handle Saved')}>
+                    Simpan
+                </Button>
+            </View>
+        </>
+    )
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        marginVertical: 10,
+        marginHorizontal: 10,
+        backgroundColor: colors.pureWhite
+    },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 5,
+        marginRight: 15,
+        marginLeft: 5
+    },
+    button: {
+        flex: 1,
+        margin: 5,
+        borderRadius: 5
+    },
+    buttonContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        padding: 10,
+        paddingBottom: 20,
+        backgroundColor: colors.pureWhite,
+    },
+});
\ No newline at end of file